/* PD Tracker — self-hosted fonts
 *
 * Filenames match the woff2 files in /fonts/ (google-webfonts-helper naming).
 * "regular" is weight 400.
 *
 * Only the weights the site actually uses are declared, so the browser
 * downloads nine small files instead of the full family. Lora is headings
 * (400/600/700); Nunito is body (400/500/600/700/800) plus one italic for
 * quoted entry notes.
 *
 * font-display:optional (not swap) — this is what fixes Cumulative Layout
 * Shift. With `swap`, text paints in a fallback font and then re-renders in
 * Nunito/Lora when the file lands; the two have different metrics, so every
 * line reflows and everything below it jumps. `optional` gives the font a
 * ~100ms window: if it arrives, it is used from the first paint; if not, the
 * fallback is kept for that page load and no swap ever happens. Either way
 * the text never moves.
 *
 * The pages preload the four faces used above the fold, so the font almost
 * always wins that race. After the first visit the service worker serves all
 * nine from cache instantly.
 */

/* Nunito — body */
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/nunito-v32-latin-regular.woff2') format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:500;font-display:optional;src:url('/fonts/nunito-v32-latin-500.woff2') format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:optional;src:url('/fonts/nunito-v32-latin-600.woff2') format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/nunito-v32-latin-700.woff2') format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:optional;src:url('/fonts/nunito-v32-latin-800.woff2') format('woff2');}

/* Nunito italic — used for quoted notes on entry rows and in the report.
   Without a real italic face the browser fakes one by slanting the upright. */
@font-face{font-family:'Nunito';font-style:italic;font-weight:400;font-display:optional;src:url('/fonts/nunito-v32-latin-italic.woff2') format('woff2');}

/* Lora — headings */
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/lora-v37-latin-regular.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:optional;src:url('/fonts/lora-v37-latin-600.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/lora-v37-latin-700.woff2') format('woff2');}