:root{--paper:#f3ece0;--card:#fbf8f1;--ink:#16211f;--muted:#5b625f;--accent:#2d5e5a;--rule:#d8d0c2;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#090d0c;--card:#151b19;--ink:#f2ede4;--muted:#a7aca8;--accent:#d9b676;--rule:#2a332f}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main,header,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding-top:28px}
header a{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600}
header img{width:40px;height:40px;border-radius:10px}
nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
nav a{color:var(--accent);font-weight:500}
.eyebrow{font:500 13px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:56px 0 12px}
h1{font-family:"New York",ui-serif,Georgia,serif;font-size:clamp(40px,9vw,64px);line-height:1.05;margin:0 0 16px;letter-spacing:-.01em}
h2{font-family:"New York",ui-serif,Georgia,serif;font-size:24px;line-height:1.25;margin:40px 0 8px}
p,li{color:var(--ink)}
.lede{font-size:21px;color:var(--muted);margin:0 0 28px}
.meta{color:var(--muted);font-size:15px}
a{color:var(--accent)}
.card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:22px 24px;margin:24px 0}
.card h2{margin-top:0}
.steps{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:24px 0}
.steps .card{margin:0}
.steps b{display:block;font-size:17px;margin-bottom:4px}
.steps span{color:var(--muted);font-size:16px}
footer{border-top:1px solid var(--rule);margin-top:64px;padding-top:20px;padding-bottom:40px;font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}