/* ═══════════════════════════════════════════════════════════════════════════
SPARTAN CAD — css/responsive.css (A-668)
THE LAST STYLESHEET IN . Nothing may come after it. See §0.
═══════════════════════════════════════════════════════════════════════════
Every page of SpartanCAD must be laid out correctly on a folded phone
(344px), an unfolded foldable (673-884px), a tablet and a desktop — and must
re-lay-out live when a foldable is opened or closed. Contract + rationale:
CONTRACT-responsive-layout.md. Gates: `npm run test:a668-responsive` (pure
Node, in the Vercel deploy chain) and `npm run test:a668-sweep` (Chromium,
19 screens × 8 viewports).
─── §0 · WHY THIS FILE IS LAST, AND WHY IT USES !important ───────────────
SpartanCAD has no other stylesheet. Every layout decision in the app is an
inline `style={{…}}` object in a React module — roughly ten thousand of
them — and an inline style beats every selector ever written. So the rules
below that must win over one carry !important, and the must sit after
index.html's