/* Arena Teney — Experience r01j sticky-column occlusion
 * Visual-only follow-up after r01i iPhone acceptance screenshots.
 * Prevents horizontally scrolled cells from showing through the sticky level
 * column while preserving the accepted row semantics and geometry.
 */

#screen-experience .exp-table td:first-child {
  background: #080a0a !important;
}

#screen-experience .exp-table tr:nth-child(even) td:first-child {
  background: #12120f !important;
}

#screen-experience .exp-table tr.milestone:not(.current) td:first-child {
  background:
    radial-gradient(circle at 18% 50%, rgba(214, 176, 76, .13), transparent 45%),
    linear-gradient(90deg, rgba(116, 82, 21, .48), rgba(43, 35, 18, .97)),
    #080a0a !important;
}

#screen-experience .exp-table tr.current td:first-child {
  background:
    radial-gradient(circle at 18% 50%, rgba(166, 207, 148, .15), transparent 45%),
    linear-gradient(90deg, rgba(83, 112, 71, .52), rgba(35, 51, 31, .96)),
    #080a0a !important;
}

#screen-experience .exp-table th,
#screen-experience .exp-table td {
  position: relative;
  z-index: 0;
}

#screen-experience .exp-table th:first-child,
#screen-experience .exp-table td:first-child {
  position: sticky !important;
  left: 0;
  z-index: 20 !important;
  isolation: isolate;
  box-shadow: 8px 0 14px -12px rgba(0, 0, 0, .95);
}

#screen-experience .exp-table th:first-child {
  z-index: 30 !important;
}