:root{
  --bg:#fbfaf8; --ink:#1a1a1c; --muted:#5c5c66; --rule:#e3e0da; --accent:#2f5d50;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#131316; --ink:#eceaf0; --muted:#9a99a4; --rule:#2b2b31; --accent:#7fb3a1; }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:44rem;margin:0 auto;padding:3.5rem 1.5rem 5rem}
header{border-bottom:1px solid var(--rule);padding-bottom:1.5rem;margin-bottom:2.5rem}
h1{font-size:1.6rem;line-height:1.25;margin:0 0 .35rem;text-wrap:balance}
h2{font-size:1.05rem;margin:2.5rem 0 .6rem;letter-spacing:.01em}
.sub{color:var(--muted);margin:0;font-size:.95rem}
p,li{color:var(--ink)}
ul{padding-left:1.15rem}
li{margin:.3rem 0}
a{color:var(--accent);text-underline-offset:2px}
nav{margin-top:1.1rem;display:flex;gap:1.25rem;font-size:.92rem}
.updated{color:var(--muted);font-size:.85rem;margin-top:3rem;border-top:1px solid var(--rule);padding-top:1rem}
strong{font-weight:600}