:root{--paper:#FAF5EF;--ink:#14110E;--green:#0F7A5A;--muted:#6B6259;--line:#E7DDD0}
@media (prefers-color-scheme:dark){:root{--paper:#14110E;--ink:#F6F1EA;--green:#3FBF95;--muted:#A2988C;--line:#2C2721}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);
 font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:0 20px}
.wrap{max-width:680px;margin:0 auto;padding:64px 0 96px}
h1{font-size:38px;line-height:1.15;letter-spacing:-.5px;margin:0 0 8px}
h2{font-size:22px;margin:44px 0 10px}
.lede{color:var(--muted);margin:0 0 34px}
a{color:var(--green)}
.card{border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:18px 0}
.small{font-size:14px;color:var(--muted)}
nav{display:flex;gap:18px;margin-bottom:40px;font-size:15px}
ul{padding-left:22px}li{margin:6px 0}