:root { color-scheme: light dark; --bg:#f7f8fa; --card:#fff; --ink:#15181d; --muted:#5b6270;
        --line:#e4e7ec; --accent:#1f5fbf; --chip:#eef3fb; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#101216; --card:#181b21; --ink:#e9edf2; --muted:#98a1b0;
          --line:#272c35; --accent:#7aa9f0; --chip:#1e2733; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); padding:32px 20px 64px;
       font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
main { max-width:740px; margin:0 auto; background:var(--card); border:1px solid var(--line);
       border-radius:14px; padding:44px 44px 40px; }
h1 { font-size:27px; line-height:1.25; margin:0 0 6px; letter-spacing:-.01em; }
h2 { font-size:17px; margin:34px 0 10px; letter-spacing:-.005em; }
h1 + .sub { color:var(--muted); margin:0 0 28px; font-size:15px; }
p, li { color:var(--ink); }
p { margin:0 0 14px; }
ul { margin:0 0 14px; padding-left:22px; }
li { margin:0 0 7px; }
a { color:var(--accent); }
strong { font-weight:600; }
.chip { display:inline-block; background:var(--chip); border-radius:999px; padding:5px 13px;
        font-size:13px; color:var(--muted); margin:0 6px 8px 0; }
.note { border-left:3px solid var(--line); padding:2px 0 2px 16px; color:var(--muted); margin:0 0 14px; }
.meta { color:var(--muted); font-size:14px; }
footer { max-width:740px; margin:22px auto 0; color:var(--muted); font-size:14px; }
footer a { margin-right:16px; }
hr { border:0; border-top:1px solid var(--line); margin:32px 0; }
code { background:var(--chip); padding:2px 6px; border-radius:5px; font-size:14px; }