/* Self-hosted fonts — single shared file, linked first on every page */
@font-face { font-family: 'Archivo'; src: url('/fonts/archivo-var-latin.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/fonts/plexmono-400-latin.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/fonts/plexmono-500-latin.woff2') format('woff2'); font-weight: 500; font-display: swap; }

/* V190: anchored sections clear the sticky nav */
[id] { scroll-margin-top: 84px; }

/* V200: metric-matched fallback so pre-swap Arial occupies the same space as
   Archivo — computed from the shipped woff2 (typo metrics, OS/2 xAvgCharWidth
   vs Arial 904/2048). Kills the layout shift when the webfont swaps in. */
@font-face {
  font-family: 'Archivo Fallback';
  src: local('Arial');
  size-adjust: 119.62%;
  ascent-override: 73.40%;
  descent-override: 17.56%;
  line-gap-override: 0%;
}