/* Type: system fonts only, so nothing downloads and it looks native everywhere.
   A book serif for the title, a clean sans for numbers and chrome. */
:root {
  --font-serif: ui-serif, 'New York', 'Iowan Old Style', 'Charter', 'Palatino Linotype',
    Georgia, serif;
  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', 'Inter', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-num: ui-rounded, var(--font-sans);
}

body {
  font-family: var(--font-serif);
  font-feature-settings: 'kern', 'liga';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Every number on the page (clues, timer, puzzle number) uses even-width digits,
   so the timer doesn't jitter and stacked clues line up. */
.meta, .timer, .status, .board, .clue {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
}