:root{
  --bg:#ffffff; --fg:#16181d; --muted:#5b6472; --line:#e3e7ed;
  --accent:#1857c4; --accent-fg:#ffffff; --card:#f6f8fb; --warn:#8a5a00; --warnbg:#fff8e8;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0f1216; --fg:#e8ecf2; --muted:#98a2b3; --line:#242a33;
    --accent:#5b9bff; --accent-fg:#0b0e12; --card:#161b22; --warn:#e0b45f; --warnbg:#241d0e;
  }
}
:root[data-theme="dark"]{
  --bg:#0f1216; --fg:#e8ecf2; --muted:#98a2b3; --line:#242a33;
  --accent:#5b9bff; --accent-fg:#0b0e12; --card:#161b22; --warn:#e0b45f; --warnbg:#241d0e;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
     font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
     -webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:14px 0}
.brand{font-weight:700;font-size:15px;color:inherit;text-decoration:none}
h1{font-size:clamp(24px,5vw,32px);line-height:1.25;letter-spacing:-.02em;margin:26px 0 14px}
h2{font-size:20px;line-height:1.3;margin:32px 0 10px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px} li{margin:0 0 9px}
a{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
footer{border-top:1px solid var(--line);margin-top:44px;padding:22px 0 40px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--muted)}
.updated{color:var(--muted);font-size:14px;margin:-6px 0 22px}