:root{color-scheme:light;--ink:#162634;--muted:#536575;--accent:#176b5b;--bg:#f5f8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.75 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1056px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{font-size:1.5rem;font-weight:800;text-decoration:none}.brand span{font-size:.85rem;color:var(--muted);font-weight:500}nav{display:flex;gap:8px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}nav a{padding:10px 12px;min-height:48px}nav [aria-current]{font-weight:750;background:#e4efeb;border-radius:8px}h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.2;letter-spacing:-.045em;margin:18px 0 24px}h2{font-size:1.3rem;line-height:1.4}p{margin:12px 0}.lead{font-size:1.2rem;max-width:720px}.eyebrow{color:var(--accent);font-weight:700;margin-top:40px}section{margin:32px 0}article,section:not(.grid){background:white;border:1px solid #dbe5e7;border-radius:16px;padding:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.draft{padding:16px 20px;background:#fff5e6;border-left:4px solid #8a4b08;color:#754008;border-radius:8px}.draft p{margin:6px 0;font-size:.9rem}footer{border-top:1px solid #dbe5e7;color:var(--muted);font-size:.85rem;margin-top:32px}code{overflow-wrap:anywhere}li{margin:10px 0}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:1}.skip:focus{top:12px}:focus-visible{outline:3px solid #176b5b;outline-offset:4px}@media(max-width:700px){.grid{grid-template-columns:1fr}header,main,footer{padding:20px}header{gap:12px}nav{gap:0}nav a{padding:10px 8px}article,section:not(.grid){padding:20px}}