/* Shared research palette and typography. /machine-age.css loads after this
   sheet and supplies the colours and type these variables point at. */
.research-tools{display:flex;flex-wrap:wrap;gap:12px 22px;padding:12px 36px;border-bottom:1px solid var(--line);font-size:13px}.research-tools a{color:var(--muted)}.research-tools a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.research-tools{padding:12px 22px}}
:root{color-scheme:light dark;--bg:var(--ground);--accent:var(--green);--mint:var(--green);--gold:var(--brass);--line:var(--rule)}
body{background:var(--bg);color:var(--ink)}h2,h3,.step strong,.stat b,.facts strong{font-family:var(--serif);letter-spacing:-.01em}h1{font-family:var(--display);font-weight:300;font-size:clamp(28px,3.8vw,48px);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:break-word}h2{font-weight:400}.eyebrow{color:var(--brass-ink);font-family:var(--display);font-weight:600;letter-spacing:.16em}main{max-width:1500px;margin:0 auto;padding:0 36px}button,select,input{border-radius:0!important}.tabs button[aria-selected=true],.switcher button[aria-pressed=true],.control.active,.play{background:var(--accent);color:var(--bg)}.step[aria-selected=true]{background:var(--panel)}.viz{background:var(--bg)}.lanes{background:linear-gradient(90deg,var(--bg) 85%,transparent)}.event:hover,.event.selected{background:var(--panel)}.example{background:var(--panel);border-top:1px solid var(--accent)}.stage.active strong,.tag,.example .label{color:var(--accent)}.artifact{white-space:pre-line}.footer,.bottom{color:var(--muted)}:focus-visible{outline-color:var(--rust)}.coverage-notes p{margin-top:12px}a{color:var(--accent)}
@media(max-width:750px){main{padding:0 20px}.lane{font-size:12px}}
.filters label[hidden]{display:none}