/* ─────────────────────────────────────────────────────────────────────────
   Self-hosted web fonts. ONE file, linked by every surface that used to pull
   from fonts.googleapis.com (2026-07-27).

   B1 finding 9: fonts.googleapis.com + fonts.gstatic.com loaded on every page,
   INCLUDING the four legal pages, sending each visitor's IP address, User-Agent
   and Referer to Google on load - independently of any form, and independently
   of consent. Small on its own, and absurd on a page whose entire purpose is to
   enumerate who receives a visitor's data. K chose to self-host rather than
   disclose it: that removes the transfer instead of describing it, so there is
   nothing left to keep in sync with a processor table.

   The font FILES were already here (static/fonts/, OFL licences alongside) and
   already served this way by marketing-tw.css and site-chrome.css. Only the
   pages had never been switched over, so this is a link swap, not a new
   dependency - and no rendering changes, because these are the same families at
   the same weights.

   Those two stylesheets keep their own @font-face blocks: marketing-tw.css is a
   generated Tailwind build that should not be hand-edited, and a duplicate
   @font-face for an identical src is free (the browser fetches the file once).

   Cloudflare caches /static for 4h, so every <link> to this file carries
   ?v={{ release }} where a release is in scope.
   ───────────────────────────────────────────────────────────────────────── */

/* Inter - UI/body. Variable, 100..900. */
@font-face {
  font-family: 'Inter';
  src: url('/static/fonts/Inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Newsreader - editorial/serif display. Variable, 200..700. */
@font-face {
  font-family: 'Newsreader';
  src: url('/static/fonts/Newsreader-latin-wght.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* Newsreader italic - a separate file, so pull-quotes and <em> in editorial
   copy render as a real italic rather than a synthesised oblique. */
@font-face {
  font-family: 'Newsreader';
  src: url('/static/fonts/Newsreader-latin-italic.woff2') format('woff2');
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}