:root{color-scheme:light;--ink:#20362e;--paper:#f6f5ef;--line:#d9ded3;--accent:#537660}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,sans-serif}main{max-width:920px;margin:auto;padding:64px 24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}a{color:var(--ink);text-underline-offset:4px}h1{font-size:clamp(36px,7vw,68px);line-height:1.1;letter-spacing:-.05em;font-weight:550;max-width:700px;margin:70px 0 20px}h2{font-weight:550;font-size:25px}p{max-width:680px}.eyebrow{font:12px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}article{border-top:1px solid var(--line);padding:25px 0;margin-top:30px}code,pre{font-family:ui-monospace,monospace;background:#e9ede4;border-radius:4px}code{padding:2px 5px}pre{padding:18px;overflow:auto}footer{border-top:1px solid var(--line);margin-top:70px;padding-top:20px;font-size:13px;color:var(--accent)}nav{display:flex;gap:20px}.lead{font-size:20px;color:#57675e}ul{padding-left:22px}@media(max-width:500px){main{padding-top:30px}header{display:block}nav{margin-top:12px}}