/* ==========================================================================
   programme.css - rules the live programme page carries that site.css does
   not. Linked only from src/pages/programmes/intermediate.html, after
   /css/site.css. Everything else the Intermediate page uses (hero lock,
   facts, rail, chapter nav, why / pitch / shifts / field story / days /
   trainer plate / quote / benefit cards / register / FAQ / close / explore
   card / fixed phone .bar) already lives in site.css section 28.
   Source: source/live_site/motion.css (reading progress line).
   ========================================================================== */

/* Reading progress line under the masthead; drawn by the page's own script. */
.reading-progress { position: fixed; z-index: 90; inset: 0 0 auto; height: 3px; pointer-events: none; }
.reading-progress[hidden] { display: none; }
.reading-progress > span { display: block; width: 100%; height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left center; }

/* The trainer call-out box heading is an h3 here (heading order after the h2 trainer name). */
.wmbox h3 { font-size: 1.5rem; margin-bottom: 15px; }

@media (prefers-reduced-motion: reduce) {
  .reading-progress { display: none; }
}
@media print {
  .reading-progress { display: none !important; }
}