:root{--bg:#F3F6F1;--surface:#FFFFFF;--ink:#16241B;--ink-2:#465A4D;--line:#D3DCD0;--green:#2E6A44;--yolk-soft:#FCEBBE;--on-yolk:#2A2005}
@media (prefers-color-scheme:dark){:root{--bg:#0E1511;--surface:#162019;--ink:#E5ECE4;--ink-2:#AAB8AD;--line:#2B3B30;--green:#7DC497;--yolk-soft:#3A2F12;--on-yolk:#F0E3B8}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}
header{padding-top:1.5rem}
header a.brand{font-weight:700;font-size:1.25rem;color:var(--green);text-decoration:none}
h1{font-size:1.9rem;line-height:1.25;margin:.5rem 0 1rem}
h2{font-size:1.25rem;margin:2rem 0 .5rem}
p,li{color:var(--ink)}
.muted{color:var(--ink-2)}
a{color:var(--green)}
.note{background:var(--yolk-soft);color:var(--on-yolk);border-radius:.75rem;padding:.75rem 1rem;margin:1rem 0}
.note p{color:inherit;margin:.25rem 0}
table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--surface);font-size:.95rem}
th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:.5rem .6rem}
.scroll{overflow-x:auto}
nav ul{list-style:none;padding:0}
nav li{margin:.4rem 0}
footer{border-top:1px solid var(--line);color:var(--ink-2);font-size:.9rem}