/* ═══════════════════════════════════════════════════════════════════════════
   a11y.css — the UI/UX Pro pass, app-wide (2026-09-12).

   Two findings from the live sweep of all 27 rooms, both fixed here because
   both are global and neither belongs to any one room:

     54 elements animate forever, and the product had no single guarantee that
        they stop for someone who asks the operating system for less motion.
     124 pieces of text sit under 12px, which is under the floor the guidance
        sets for body text and under the size the founder can read at a glance.

   Loaded last, so it is the final word on both. Nothing here changes a colour,
   a layout or what any control does.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── MOTION ─────────────────────────────────────────────────────────────────
   One guarantee for the whole product: if the operating system asks for less
   motion, nothing loops and nothing travels. Individual rooms may still be
   kinder than this; none may be louder. */
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important; }
}

/* ── THE FLOOR ──────────────────────────────────────────────────────────────
   Nothing readable goes under 12px. This lifts the three Tailwind sizes the
   sweep found in use and the bare declarations beside them; it deliberately
   does not touch SVG text, where the size is part of the drawing. */
#content-wrap [class*="text-[9px]"],
#content-wrap [class*="text-[10px]"],
#content-wrap [class*="text-[11px]"],
#content-wrap [class*="text-[9.5"],
#content-wrap [class*="text-[10."],
#content-wrap [class*="text-[11."]{ font-size:12px !important; }