:root { color-scheme: light dark; --ink:#1b1f3b; --muted:#4a5070; --paper:#faf8f5; --line:#dcd8d0; --accent:#2f6f62; }
@media (prefers-color-scheme: dark) { :root { --ink:#e6e6ee; --muted:#b6bacb; --paper:#121427; --line:#333856; --accent:#8fd3c3; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
main { max-width:44rem; margin:0 auto; padding:2.5rem 1.25rem 4rem; }
header { border-bottom:1px solid var(--line); margin-bottom:2rem; padding-bottom:1.25rem; }
h1 { font-size:1.7rem; margin:0 0 .35rem; letter-spacing:-.01em; }
h2 { font-size:1.15rem; margin:2rem 0 .5rem; }
h3 { font-size:1rem; margin:1.5rem 0 .35rem; }
p, li, td { color:var(--muted); }
a { color:var(--accent); }
.updated { font-size:.85rem; color:var(--muted); margin:0; }
nav { margin-top:1rem; font-size:.9rem; }
nav a { margin-right:1rem; }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.95rem; }
th, td { text-align:left; padding:.5rem .6rem; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--ink); font-weight:600; }
code { background:rgba(127,127,127,.14); padding:.1em .35em; border-radius:4px; font-size:.9em; }
footer { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.85rem; color:var(--muted); }