/* Shared by every page. Colours, type and spacing come from /design/tokens.css. */
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: var(--font); color: var(--ink); background: var(--surface-000); }
button { font-family: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.eyebrow { margin: 0; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.num { font-variant-numeric: tabular-nums; }
[hidden] { display: none !important; }

/* Plain message pages (not found, errors). */
body.plain main { max-width: 640px; margin: 15vh auto; padding: 0 24px; }
body.plain h1 { font-size: 32px; font-weight: 600; margin: 0 0 16px; }
body.plain p { font-size: 18px; line-height: 28px; color: var(--ink-muted); }