/* ═══════════════════════════════════════════════════════════════
   NUMBER-FORMAT-UI — Read-only formatted numeric display.
   ═══════════════════════════════════════════════════════════════ */

@scope (number-format-ui) {
  :where(:scope) {
    --number-format-fg: inherit;
    --number-format-font: inherit;
  }

  :scope {
    display: inline;
    color: var(--number-format-fg);
    font-family: var(--number-format-font);
    /* Tabular figures so column-aligned numeric displays line up cleanly. */
    font-variant-numeric: tabular-nums;
  }
}
