/* ========================================================================== a11 info pages — landing-matched web stylesheet -------------------------------------------------------------------------- Reproduces the sites/landing/ visual system in vanilla CSS so each topic page (pdfs / videos / lms) is a real scrolling website that reads as the same brand — dashed Band rails, Rule dividers w/ corner crosses, animated Aurora, pill CTAs, big Inter+Instrument-Serif headlines, ColorTrim footer. Type: Inter (UI/headings, -0.05em) · Instrument Serif (italic accents) · JetBrains Mono (labels). Palette = product status tokens. -------------------------------------------------------------------------- THIS FILE IS THE SINGLE SOURCE OF TRUTH for all four sheets + the hub. It has TWO halves: 1. Screen styles (everything down to the PRINT block) — the scrolling web page. 2. The `@media print` block at the bottom — turns the SAME markup into a clean one-page US-Letter handout (nav hidden, reasons → 2×2 grid that fills the page, QR revealed, ColorTrim bled to the bottom edge). THEMING: each sheet sets `--accent` on ; everything accent-colored derives from it. A sheet's own