:root{--bg:#fff;--fg:#14171a;--muted:#5b6570;--rule:#e4e7ea;--accent:#1f7a3d}
@media(prefers-color-scheme:dark){:root{--bg:#0f1210;--fg:#eef1ee;--muted:#a8b2aa;--rule:#303932;--accent:#4ec97a}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.site-header{border-bottom:1px solid var(--rule)}
.site-header .wrap{padding-top:22px;padding-bottom:22px}
.brand{font-weight:700;letter-spacing:-.01em;color:var(--fg);text-decoration:none}
nav{float:right;display:flex;gap:20px}
a{color:var(--accent);text-underline-offset:3px}
nav a,.site-footer a{color:var(--muted);text-decoration:none}
nav a:hover,.site-footer a:hover{text-decoration:underline}
main{padding-top:52px;padding-bottom:76px}
h1{font-size:clamp(30px,6vw,42px);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}
h2{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:42px 0 12px}
p,ul{margin:0 0 17px}
li{margin:0 0 8px}
.meta{color:var(--muted);font-size:14px;margin-bottom:36px}
.lede{font-size:18px}
.site-footer{border-top:1px solid var(--rule);color:var(--muted);font-size:14px;padding:25px 0 50px}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}
@media(max-width:520px){nav{float:none;margin-top:8px;gap:14px}main{padding-top:34px}}