:root { --paper:#faf7f1; --ink:#18202b; --muted:#5a6472; --link:#1d3150; --todo:#b3261e; color-scheme:light; }
@media (prefers-color-scheme:dark) { :root { --paper:#0f1724; --ink:#eef1f5; --muted:#a6b0bf; --link:#f2b544; --todo:#ff8a80; color-scheme:dark; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:44rem; margin:0 auto; padding:24px 16px 56px; overflow-wrap:anywhere; }
h1 { font:700 2rem/1.2 Georgia,serif; margin:12px 0 20px; }
h2 { font-size:1.05rem; margin:28px 0 6px; }
a { color:var(--link); }
ul { padding-left:20px; }
.todo { color:var(--todo); font-weight:700; }
.foot { margin-top:36px; color:var(--muted); }