/* ==========================================================================
   utilities.css — small utility classes that replace inline style overrides
   --------------------------------------------------------------------------
   The sanctioned alternative to inline `style="font-size:…"`. Each class maps
   to the --fs-* token scale (tokens.css), so a font-size tweak stays on-scale
   and on-token instead of becoming a one-off literal in markup.

   Named by px (.fs-12 … .fs-16) to avoid colliding with Bootstrap's heading
   scale (.fs-1 … .fs-6, which are large display sizes). `!important` matches
   Bootstrap utility behaviour so a utility reliably wins where it replaces an
   inline style.

   Floors (see Docs/CSS_ARCHITECTURE.md): content text ≥ 13px (.fs-13);
   decorative micro-labels ≥ 12px (.fs-12). Do NOT add an .fs-11 / sub-12 class.

   Loaded after the component layer, before public-editorial + the runtime block.
   ========================================================================== */

.fs-12 { font-size: var(--fs-12) !important; }  /* 12px — decorative micro-label floor */
.fs-13 { font-size: var(--fs-13) !important; }  /* 13px — content floor */
.fs-14 { font-size: var(--fs-14) !important; }  /* 14px */
.fs-15 { font-size: var(--fs-15) !important; }  /* 15px */
.fs-16 { font-size: var(--fs-16) !important; }  /* 16px — base */