/* MWB audience/navigation refresh v533. Scoped overrides only. */
.skip-link {
  position: fixed;
  z-index: 4000;
  top: 10px;
  left: 10px;
  padding: 11px 15px;
  color: #fff;
  background: #10171a;
  border: 3px solid #f3c947;
  font-weight: 900;
  text-decoration: none;
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

.audience-page .audience-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(430px, 52vw, 610px);
  overflow: hidden;
}
.audience-page .audience-hero > div { position: relative; z-index: 2; }
.audience-page .audience-hero h1 {
  max-width: 870px;
  color: #fff;
  font-size: clamp(43px, 6vw, 78px);
  line-height: .96;
  text-wrap: balance;
  text-shadow: 0 3px 22px rgba(0,0,0,.55);
}
.audience-page .audience-hero p { max-width: 690px; font-size: clamp(16px, 1.5vw, 20px); }

.life-page .life-hero { background: #24302a !important; }
.life-hero-art {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.life-page .life-hero::before {
  z-index: -1;
  background: linear-gradient(90deg, rgba(13,20,17,.95) 0%, rgba(13,20,17,.9) 45%, rgba(13,20,17,.72) 68%, rgba(13,20,17,.1) 100%);
}
.life-page .life-hero > div { max-width: 1180px; }
.life-page .life-hero h1 { max-width: 710px; }
.teen-page .teen-hero {
  background-image: linear-gradient(105deg, rgba(17,13,47,.94), rgba(69,21,101,.75) 52%, rgba(8,98,118,.28)), url('news-entertainment-stage-v29.webp');
  background-position: center 42%;
}
.teen-page .teen-hero::before { background: radial-gradient(circle at 78% 18%, rgba(255,204,74,.28), transparent 34%); }
.teen-page .audience-main { padding-top: 34px; }
.teen-page .audience-split-lead { gap: 18px; }
.teen-page .audience-split-lead > article {
  box-shadow: 10px 10px 0 #6d3daf;
  transform: translateY(-4px);
}
.teen-page .audience-split-lead > aside a {
  border-left: 7px solid #1d98b7;
  background: linear-gradient(105deg, #fff, #f1f7fb);
  transition: transform .18s ease, box-shadow .18s ease;
}
.teen-page .audience-split-lead > aside a:nth-child(2) { border-left-color: #8b4bc3; }
.teen-page .audience-split-lead > aside a:nth-child(3) { border-left-color: #e2a623; }
.teen-page .audience-split-lead > aside a:hover,
.teen-page .audience-split-lead > aside a:focus-visible { transform: translateX(5px); box-shadow: 0 8px 22px rgba(34,24,66,.12); }
.teen-page .audience-newsroom-list { border-top: 8px solid #352360; background: #faf8ff; }
.teen-page .audience-newsroom-list li { background: #fff; }
.teen-page .teen-event-band { background: linear-gradient(135deg, #10171a, #26204b); }

.community-page .community-hero {
  background-image: linear-gradient(100deg, rgba(8,38,34,.94), rgba(11,89,75,.76) 55%, rgba(214,152,29,.22)), url('news-civic-council-v29.webp');
  background-position: center;
}
.community-page .community-hero::before { background: radial-gradient(circle at 82% 24%, rgba(255,206,88,.3), transparent 31%); }
.community-page .community-board-layout { gap: 22px; align-items: start; }
.community-page .community-noticeboard { border-top: 8px solid #13795f; box-shadow: 10px 10px 0 rgba(19,121,95,.16); }
.community-page .community-notice-list a { transition: transform .18s ease, background .18s ease; }
.community-page .community-notice-list a:hover,
.community-page .community-notice-list a:focus-visible { transform: translateX(5px); background: #eff9f5; }
.community-page .community-action-rail { position: sticky; top: 84px; }
.community-page .community-safety { border-left-width: 8px; }

.reviews-page .reviews-hero {
  min-height: 450px;
  background-image: linear-gradient(96deg, rgba(12,20,17,.96), rgba(41,28,50,.75) 58%, rgba(12,20,17,.15)), url('news-culture-venue-v37.webp');
}
.reviews-page .reviews-hero h1 { text-wrap: balance; text-shadow: 0 3px 22px rgba(0,0,0,.55); }
.reviews-page .reviews-discovery-tools { grid-template-columns: minmax(220px, 285px) minmax(0, 1fr); }
.reviews-page .reviews-filter {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.reviews-page .reviews-filter button { flex: 0 0 auto; min-height: 34px; padding: 7px 10px; font-size: 11px; white-space: nowrap; }
.reviews-page .reviews-result-count { min-width: 48px; text-align: center; }
.reviews-page .review-tile { transition: transform .18s ease, box-shadow .18s ease; }
.reviews-page .review-tile:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(20,34,29,.13); }

.games-page .games-main {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 24px;
  align-items: start;
}
.games-page .games-main > .games-lead-band,
.games-page .games-main > .topic-identity-band { grid-column: 1 / -1; }
.games-page .games-main > .gameroom-jump-nav {
  grid-column: 1;
  grid-row: 3 / span 4;
  position: sticky;
  top: 76px;
  z-index: 4;
  display: grid;
  gap: 1px;
  align-self: start;
  padding: 9px;
  background: #10171a;
  box-shadow: 7px 7px 0 #d5a42b;
}
.games-page .gameroom-jump-nav a { display: grid; grid-template-columns: 42px minmax(0,1fr); min-width: 0; background: #fff; }
.games-page .gameroom-jump-nav a:hover,
.games-page .gameroom-jump-nav a:focus-visible { background: #fff4cb; }
.games-page .games-main > .gameroom-group,
.games-page .games-main > .games-privacy-note { grid-column: 2; }
.games-page .gameroom-group { scroll-margin-top: 78px; }
.quiz-replay-prompt { display: grid; gap: 12px; }
.quiz-replay-prompt h4 { margin: 0; font: 900 20px/1.2 Georgia, 'Times New Roman', serif; }
.quiz-replay-actions { display: flex; flex-wrap: wrap; gap: 8px; }

/* Keep headings readable inside the shared dark identity/action panels. */
.games-page .topic-identity-band h2,
.gaming-page .topic-identity-band h2,
.esports-page .topic-identity-band h2,
.community-page .community-action-rail h2 { color: #fff; }

/* Outside-month dates remain secondary, but they are still interactive text. */
.events-page .calendar-day.is-outside { color: #58645f; }

@media (max-width: 1040px) {
  .games-page .games-main { display: block; }
  .games-page .games-main > .gameroom-jump-nav {
    position: static;
    display: flex;
    overflow-x: auto;
    margin-block: 20px;
    box-shadow: none;
  }
  .games-page .gameroom-jump-nav a { flex: 0 0 min(280px, 80vw); }
  .community-page .community-action-rail { position: static; }
}

@media (max-width: 800px) {
  .audience-page .audience-hero { min-height: 470px; }
  .audience-page .audience-hero h1 { font-size: clamp(39px, 11vw, 58px); }
  .life-hero-art { object-position: 60% center; }
  .life-page .life-hero::before { background: linear-gradient(90deg, rgba(13,20,17,.96), rgba(13,20,17,.82)); }
  .reviews-page .reviews-discovery-tools { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .reviews-page .reviews-filter button { min-height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .teen-page .audience-split-lead > aside a,
  .community-page .community-notice-list a,
  .reviews-page .review-tile { transition: none; }
}