:root{font-family:var(--font-sans);color:var(--text);background:var(--surface);line-height:1.65}body{margin:0}header,main{width:min(100% - 2rem,64rem);margin:auto}header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-block:1.25rem;border-bottom:1px solid var(--border)}nav{display:flex;gap:1rem}a{color:var(--link)}main{padding-block:3rem}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}section{margin-top:3rem}button{font:inherit;cursor:pointer;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--control-border);border-radius:.25rem}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--link);outline-offset:4px}