/* Plain reading order: without JavaScript, with reduced motion, or on screens too short for the story.
   Every section is a readable card with its transcript; the signup window follows. Loads after home.css. */
body .player { height: auto; padding: 28px 12px 36px; overflow: visible; }
body .vp, body .dim, body .chapters, body .ctrl, body .cue { display: none; }
body .beats { position: static; display: grid; gap: 14px; max-width: 46rem; margin: 0 auto; pointer-events: auto; }
body .beat { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: auto; max-width: none; padding: 20px 22px 22px; visibility: visible; opacity: 1; transform: none; }
body .beat-hero h1 { font-size: clamp(2rem, 6vw, 3.4rem); }
body .beat-join { position: relative; left: auto; top: auto; width: auto; max-width: 58rem; margin-top: 10px; padding: 0; transform: none; }
body .transcript {
  position: static !important; width: auto; height: auto; margin: 14px 0 0; padding: 12px 0 0; overflow: visible;
  clip: auto; clip-path: none; white-space: normal; border-top: 1px solid rgba(243, 240, 233, .2);
}
body .transcript p { font-size: 1rem; margin-top: 6px; }
body .beat-join { max-height: none; overflow: visible; }

/* The page scrolls normally here, so its scrollbar shows again. */
html { scrollbar-width: auto; }