/* Staging mobile readability pass, loaded after shared and member styles. */
.hero-line .answer { margin:0; font-size:inherit; }
.hero-read-more { display:none; }
.hero-chips { display:none; }
.hero-spot-label { display:none; }
.hero-lineup { min-width:0; }
@media (min-width:760px) and (max-width:1339px) {
  .hero-row { --w:min(15vw, 210px); overflow:visible; justify-content:center; padding:0; margin-top:24px; }
  .hero-row .hr-item { margin-inline:calc(var(--w) * -.25); }
}
@keyframes lineupGlide { to { transform:translateX(calc(-1 * var(--glide-distance))); } }
@media (max-width:759px) {
  body { font-size:16px; line-height:1.5; }
  main p, main .lead, main .answer, main li p, .fl-body, .fl-empty, .fv-facts, .timeline p, .yt-video h3 { font-size:16px; line-height:1.5; }
  main, main section, .wrap, .hero-mid { min-width:0; }
  main p, main h2, main h3 { overflow-wrap:anywhere; }
  .btn, button, summary, .hero-how, .ht-link, .foot-langs a, .wire-tabs button { min-height:44px; }
  .btn { white-space:normal; line-height:1.5; padding:10px 14px; font-size:16px; }
  .hero { min-height:0; padding-top:calc(var(--hdr) + 12px); gap:12px; padding-bottom:28px; }
  .hero-title .k { font-size:clamp(32px, 10vw, 60px); }
  .hero-title .m { font-size:16px; }
  .hero-lineup { overflow:hidden; touch-action:pan-y; padding-top:12px; }
  .hero-row { --w:132px; width:max-content; min-height:198px; padding:0; margin:0; gap:0; overflow:visible; justify-content:flex-start; mask-image:none; -webkit-mask-image:none; translate:none; }
  .hero-row .hr-item { width:var(--w); flex:0 0 var(--w); margin:0; scale:1; animation:none; translate:none; }
  .hero-row.gliding { animation:lineupGlide 40s linear infinite; will-change:transform; }
  .hero-row .hr-tag { display:none; }
  .hero-chips { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:2px; padding:0 16px; position:relative; z-index:5; }
  .hero-chips button { color:#fff; -webkit-text-stroke:0; background:#ffffff0a; border:1px solid #ffffff25; border-radius:8px; font-size:16px; font-weight:800; cursor:pointer; }
  .hero-chips button[aria-pressed=true] { background:#5846a8; border-color:#c3b6ff; }
  .hero-spot-label { display:block; margin:4px 16px 0; text-align:center; font-size:16px; min-height:24px; color:#fff; }
  .hero-act { order:3; margin:0; padding-inline:16px; width:100%; }
  .hero-act .cta-box { margin-top:12px; }
  .hero-act .cta-row { gap:8px; }
  .hero-act .cta-row .btn { max-width:none; }
  .hero-act .hero-how { position:static; display:inline-flex; align-items:center; margin:0; font-size:16px; pointer-events:auto; }
  .hero-tubes-slot { order:4; margin:0; padding-inline:16px; }
  .fandom-live { order:5; position:relative; inset:auto; margin:0 16px; width:calc(100% - 32px); }
  .hero-line { order:6; margin:0 16px; font-size:16px; pointer-events:auto; }
  .hero .hero-line .answer { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; }
  .hero .hero-line.expanded .answer { display:block; }
  .hero-read-more { display:inline-block; background:none; color:#fff; border:0; font:inherit; text-decoration:underline; cursor:pointer; }
  .hero-read-more[hidden] { display:none; }
  .hero-tubes .ht-head { position:static; display:flex; flex-wrap:wrap; margin-bottom:8px; gap:4px; }
  .hero-tubes .ht-left { min-width:0; flex-wrap:wrap; }
  .hero-tubes .ht-copy { font-size:12px; white-space:nowrap; overflow:visible; letter-spacing:0; }
  .hero-tubes .ht-link { display:inline-flex; align-items:center; font-size:16px; }
  .hero-tubes .ht-board { flex-wrap:wrap; padding:16px 8px 8px; gap:18px; height:auto; }
  .hero-tubes .ht-top { width:100%; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:2px; }
  .hero-tubes .ht-tube-wrap { min-width:0; }
  .hero-tubes .ht-danger { width:100%; flex:auto; }
  .hero-tubes .ht-danger-row { justify-content:center; gap:16px; }
  .hero-tubes .ht-danger-row .ht-tube-wrap { flex:0 0 48px; }
  .hero-tubes .ht-num { font-size:12px; color:#fff; -webkit-text-stroke:0; }
  .hero-tubes .ht-pct { font-size:10px; position:static; }
  .hero-tubes .ht-sealed-note { font-size:16px; }
  .fl-head { float:none; }
  .fl-title, .fl-join, .fl-empty .btn { font-size:16px; }
  .fl-join { display:inline-flex; align-items:center; min-height:44px; }
  .section, .section.tall, .band, .fv-sec { min-height:0; padding-block:36px; }
  .sec-head { margin-bottom:24px; }
  .sec-title { font-size:clamp(24px,7vw,34px); overflow-wrap:anywhere; }
  .timeline { row-gap:24px; }
  .page-hero { padding-top:calc(var(--hdr) + 24px); }
  .fv-facts li { min-width:0; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-lineup { overflow:visible; }
  .hero-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; padding:12px 16px; margin:0; min-height:0; gap:12px 0; animation:none; transform:none; translate:none; mask-image:none; -webkit-mask-image:none; }
  .hero-row .hr-item { width:100%; margin:0; scale:1; translate:none; }
  .hero-copy-item { display:none !important; }
  .hero-row .hr-item img { animation:none; }
  .hero-row.spotting .hr-item { filter:none; }
}
@media (max-width:759px) {
  .hero-act .cta-note, .cta-box .cta-note, .band .checks, .step p, .timeline li p, .foot-about p { font-size:16px; line-height:1.5; }
  .hero-act .cta-box .btn { font-size:16px; }
}