:root { color-scheme: light dark; --ink:#1a1a1a; --dim:#5a5a5a; --bg:#fdfdfb; --rule:#e4e2dc; --accent:#3a6b4f; }
@media (prefers-color-scheme: dark) { :root { --ink:#e8e6e1; --dim:#a3a099; --bg:#16181a; --rule:#2c2f33; --accent:#8fc0a2; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:42rem; margin:0 auto; padding:3rem 1.25rem 5rem; }
h1 { font-size:1.6rem; line-height:1.25; margin:0 0 .35rem; letter-spacing:-.01em; }
h2 { font-size:1.05rem; margin:2.4rem 0 .6rem; letter-spacing:-.005em; }
.lede { color:var(--dim); margin:0 0 2rem; }
p, li { color:var(--ink); }
ul { padding-left:1.15rem; }
li { margin:.3rem 0; }
a { color:var(--accent); }
table { border-collapse:collapse; width:100%; margin:.6rem 0 1rem; font-size:.94rem; display:block; overflow-x:auto; }
th, td { text-align:left; padding:.5rem .7rem; border-bottom:1px solid var(--rule); vertical-align:top; }
th { font-weight:600; white-space:nowrap; }
.note { border-left:3px solid var(--accent); padding:.7rem 0 .7rem 1rem; margin:1.6rem 0; color:var(--dim); font-size:.94rem; }
footer { margin-top:3.5rem; padding-top:1.2rem; border-top:1px solid var(--rule); color:var(--dim); font-size:.88rem; }