:root{--colour-page:#f6f5f2;--colour-surface:#fff;--colour-text:#1d1d1b;--colour-muted:#5a5954;--colour-line:#d9d6cf;--colour-action:#1f4d3a;--colour-action-text:#fff;--colour-warning:#8a2b1d;--space-1:.5rem;--space-2:1rem;--space-3:2rem;--type-body:1rem;--type-heading:1.5rem;--radius:.375rem;--measure:34rem}body{background:var(--colour-page);color:var(--colour-text);font-family:system-ui,sans-serif;font-size:var(--type-body);margin:0;line-height:1.5}main{max-width:var(--measure);margin:var(--space-3) auto;padding:var(--space-3);background:var(--colour-surface);border:1px solid var(--colour-line);border-radius:var(--radius)}h1{margin:0 0 var(--space-2);font-size:var(--type-heading)}.muted{color:var(--colour-muted)}.warning{color:var(--colour-warning)}.action{padding:var(--space-1) var(--space-2);background:var(--colour-action);color:var(--colour-action-text);border-radius:var(--radius);font:inherit;cursor:pointer;border:0;text-decoration:none;display:inline-block}.action:focus-visible{outline:3px solid var(--colour-text);outline-offset:2px}