/* Production semantics and navigation. Approved page CSS remains isolated. */
[hidden] { display: none !important; }
body[data-iteration="v1-2"] .site-header .desktop-nav .nav-link[aria-current="page"] {
  background: transparent; box-shadow: none;
}
.scene-card { position: absolute; }
.scene-select {
  position: absolute; inset: 0; z-index: 2;
  padding: 0; border: 0; border-radius: inherit; background: transparent;
  cursor: pointer; color: inherit;
  pointer-events: auto;
}
.scene-card:has(.scene-select[aria-pressed="true"]) .scene-surface {
  box-shadow: 0 0 0 1px #ffb18577, 0 30px 75px -18px #000d, 0 8px 54px -24px #ff7c3b66;
}
.scene-card:has(.scene-select:focus-visible) {
  outline: 2px solid var(--orange); outline-offset: 5px;
}
.scene-card .video-detail-overlay { z-index: 3; }
.scene-card .focus-cta { text-decoration: none; }
.scene-card .caption, .scene-card .explore-pill, .scene-card .video-replay { pointer-events: none; }
.cinematic-account { position: relative; }
.cinematic-account-toggle { display: flex; align-items: center; gap: 5px; border: 0; background: transparent; font: inherit; cursor: pointer; }
.cinematic-account-toggle > span:first-child { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cinematic-account-menu { position: absolute; right: 0; top: calc(100% + 12px); min-width: 160px; padding: 8px; border: 1px solid #ffffff26; border-radius: 12px; background: #101d2e; box-shadow: 0 12px 32px #0006; }
.cinematic-account-menu a { display: block; padding: 12px; color: #fff; text-decoration: none; }
.cinematic-account--mobile .cinematic-account-menu { position: static; }
.cinematic-account--mobile .cinematic-account-toggle > span:first-child { max-width: 220px; }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.chapter-rail a { min-height: 24px; }
.chapter-rail a::before { top: 12px; }
/* Server markup has no extra layout wrapper inside compact scene copy. */
.mobile-beat-copy > .story-beat { display: contents; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; scroll-snap-type: none !important; }
}
