/* ==========================================================================
   RESPONSIVE OVERRIDES
   Dr. Shrinath Viswanath — Spine Website

   This file is intentionally empty of typography rules.

   It previously contained two ≤768px blocks:

     1. A :root / .ab-wrap / .pt-wrap override that re-pointed --fs-body
        and --fs-body-large at flat mobile values (18px / 20px).

     2. A :where(14 wrappers) :where(24 selectors) block applying an
        importance-flagged font-size of var(--fs-body) and font-weight 500,
        to force mobile body copy to 18px "even where page CSS hardcodes 16px".

   Both were removed once the UI size tokens in tokens.css became fluid
   (clamp()). The tokens now interpolate continuously from a mobile floor
   to a desktop ceiling, so there is no breakpoint at which body copy needs
   to be re-declared, and nothing to force.

   Why block 2 had to go rather than be kept as a safety net:
   :where() contributes ZERO specificity, so that rule computed to (0,0,0).
   Any importance-flagged page rule using a plain class — for example
   the 16px rule on ".pp-section p" at (0,1,1) — outranked it.
   It therefore never applied to the elements it was written for, while
   still overriding the ones it happened to reach. That asymmetry was the
   direct cause of mobile body text appearing inconsistent between pages.

   Add rules here only for genuine layout-shape changes at a breakpoint
   (grid column counts, nav collapse, element reordering) — never for
   type or spacing scale, which belong in tokens.css as fluid values.
   ========================================================================== */