/* Display type: self-hosted heading face + tabular numerals (POLISH lane,
 * 2026-09-23; split out of tokens.css during the same lane's own review --
 * see the note at the top of tokens.css for why).
 *
 * Linked only by database-worker/public/*.html -- the pages this lane meant
 * to restyle. tokens.css is ALSO loaded by proxied section pages
 * (990-worker, policy-worker, spending-worker, tweets-worker -- see tokens.css's
 * own header) that reuse its colour/spacing tokens but were never reviewed
 * against a changed heading font or table numerals; keeping those rules out
 * of tokens.css keeps this lane's restyle from silently reaching pages it
 * never tested. --font-display itself stays a token in tokens.css (nothing
 * here needs a hub page to load both files in a particular order beyond
 * tokens.css first, which every page already does for its colour tokens).
 */

/* ---- self-hosted display face (POLISH lane, 2026-09-23) ----
 * See public/fonts/fraunces/README.md for the choice and license (SIL OFL
 * 1.1), and tokens.css's --font-display token comment for the CSP note.
 * One weight, one subset -- see that README for why. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/fraunces/Fraunces-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Applied hub-wide (every page that links this file) rather than page by
 * page: h1/h2 already render at the browser's default bold (700) on every
 * hub page (checked -- no page zeroes font-weight on a heading), which
 * matches the one weight self-hosted above, so no page needs an explicit
 * font-weight change alongside this. A page that wants a different look for
 * one heading still can -- this only sets font-family, the lowest-specificity
 * property, so any page or component rule naming its own font-family on a
 * heading still wins. */
h1, h2 {
  font-family: var(--font-display);
}

/* ---- tabular numerals (POLISH lane, 2026-09-23) ----
 * So a column of numbers lines up: every digit in a "tabular" figure set is
 * the same advance width, where the default "proportional" set (a 1 is
 * narrower than a 0) makes stacked numbers drift out of alignment. Applies
 * to table cells (data columns, not just numeric ones -- a cell with no
 * digits is unaffected either way) and anywhere a page marks a number as a
 * standalone stat (.stat-num / .qt-num, the count-up numbers on index.html
 * and the stat tiles elsewhere). This is a CSS font feature, not a file: it
 * works with the system font stack already loaded on every page, so it
 * needs nothing from --font-display or the font-face above. */
td, th, .stat-num, .qt-num {
  font-variant-numeric: tabular-nums;
}
