/* ── REDUCED MOTION FOR THE PAGES THAT LOAD NOTHING ELSE ─────────────────────
   Audit TOV-017.

   TOV-015/016 put this block in styles.css, which is how it reaches the app.
   auth.css carries its own copy for the five sign-in pages, and
   design-tokens.css for the two design previews. That left twenty top-level
   pages loading NO external stylesheet at all - every rule inline, every
   transition and keyframe with it - so a reader who has asked their operating
   system to stop animations still got them on a quote, an invoice, the
   customer portal and the stock page.

   This file is the fourth copy and exists only for those twenty. It is
   deliberately the same block as the one in styles.css rather than an import
   or a shared partial, because these pages are standalone by design: several
   are printed, one is emailed, and a build step between them and the browser
   is the thing they are all avoiding.

   tools/test-every-page-answers-reduced-motion.js fails if a top-level page
   loads none of the four.

   0.01ms rather than 0: a transition of exactly 0 fires no transitionend, and
   code that waits for one would hang rather than animate. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}