/* Tabular numerals — the platform's one numeric-alignment utility.
   `.global-num` makes every digit occupy the same advance width, so a column of
   money, counts, percents, or durations lines up on the decimal instead of
   drifting cell to cell. It is a UTILITY, not a component: no box, no color, no
   spacing, no chrome of any kind. Add it to whatever element already renders the
   figure.

       <td class="global-num">{{ row.cost|humanize_money }}</td>
       <span class="global-num">{{ stats.gross_cost }}</span>

   Scope: alignment of the glyphs only.
     • It does NOT set text-align — right-aligning a column is the caller's
       layout decision (Bootstrap `.text-end` already does that job).
     • It does NOT size, weight, or color the number.
     • It is not for prose that merely contains a number; reach for it when
       figures stack in a column and must line up.

   `white-space: nowrap` rides along because a figure that wraps mid-value
   ("$1,2 / 40.00") defeats the alignment this exists to provide — this matches
   the `.costs-num` clone it absorbs, so adopting it is a pure class swap.

   No `font-feature-settings: 'tnum'` fallback: `font-variant-numeric` is the
   standard property and is supported by every browser the platform targets, so
   the legacy duplicate would only be a second place to keep in sync. */

.global-num {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}