:root { color-scheme: light dark; --ink:#12336A; --body:#2A2A2E; --muted:#6A6A70; --bg:#F4F2EC; --card:#FFFFFF; --line:rgba(18,51,106,.14); }
@media (prefers-color-scheme: dark) { :root { --ink:#8FB4F0; --body:#E6E6E8; --muted:#9A9AA2; --bg:#131316; --card:#1C1C20; --line:rgba(255,255,255,.12); } }
* { box-sizing:border-box; }
body { margin:0; padding:2.5rem 1.25rem 5rem; background:var(--bg); color:var(--body);
  font:400 17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
main { max-width:44rem; margin:0 auto; background:var(--card); border-radius:14px;
  border:1px solid var(--line); padding:2.25rem 2rem 2.75rem; }
h1 { font-size:1.9rem; line-height:1.2; margin:0 0 .35rem; color:var(--ink); font-weight:700; letter-spacing:-.02em; }
h2 { font-size:1.15rem; margin:2.1rem 0 .5rem; color:var(--ink); font-weight:600; }
h3 { font-size:1rem; margin:1.5rem 0 .35rem; font-weight:600; }
p, li { margin:.6rem 0; }
.sub { color:var(--muted); font-size:.95rem; margin:0 0 1.5rem; }
a { color:var(--ink); }
hr { border:0; border-top:1px solid var(--line); margin:2.25rem 0 1.25rem; }
.note { font-size:.9rem; color:var(--muted); }
nav { max-width:44rem; margin:0 auto 1.1rem; font-size:.9rem; }
nav a { color:var(--muted); text-decoration:none; margin-right:1.1rem; }