:root{color-scheme:light;--paper:#f5f2eb;--ink:#202c2b;--muted:#5c6864;--accent:#235f53}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:980px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #d1d8cc}a{color:var(--accent);text-underline-offset:4px}header a{text-decoration:none}nav{display:flex;gap:22px}.brand{font-weight:750;letter-spacing:-.04em}h1{font:clamp(40px,7vw,76px)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:760px;margin:26px 0}h2{font:30px/1.25 Georgia,serif}.eyebrow{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.17em}.intro{font-size:22px;max-width:680px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.card{padding:26px;border:1px solid #ccd4c8;border-radius:6px;background:#fbfaf6}.card h2{margin-top:0}.card p{color:var(--muted)}article{max-width:740px}code{background:#e4e9df;padding:3px 6px;border-radius:3px;font-size:.88em}footer{font-size:14px;color:var(--muted);border-top:1px solid #d1d8cc;margin-top:65px}svg{vertical-align:middle;margin-right:8px}@media(max-width:620px){header{flex-direction:column;padding:22px}main{padding:22px}.grid{grid-template-columns:1fr}nav{font-size:16px}h1{margin-top:20px}}