:root{--ink:#2b332f;--muted:#64726b;--green:#2f7d55;--green-dark:#235c43;--line:#e5e8e5;--cream:#f7f7f4;--bg:#fff}
@media (prefers-color-scheme:dark){:root{--ink:#e6ebe8;--muted:#9fb0a8;--green:#6fc29a;--green-dark:#8fd6b3;--line:#2f3a35;--cream:#1d2421;--bg:#141a17}}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--green-dark)}.top{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--cream);flex-wrap:wrap}
.brand{font-weight:700;text-decoration:none;font-size:1.1rem}.top nav{display:flex;gap:1rem}main{max-width:60rem;margin:0 auto;padding:1rem}
h1{font-size:1.7rem;margin:.6rem 0}h2{font-size:1.25rem;margin-top:1.6rem}.btn{display:inline-block;background:var(--green);color:#fff;padding:.5rem .9rem;border-radius:8px;text-decoration:none}
details{margin:.3rem 0;border:1px solid var(--line);border-radius:8px;padding:.3rem .7rem}summary{cursor:pointer;font-weight:600}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;font-size:.9rem;width:100%}th,td{border-bottom:1px solid var(--line);padding:.35rem .5rem;text-align:left;vertical-align:top}
.cols{columns:16rem;list-style:none;padding:0}.cols li{break-inside:avoid;padding:.1rem 0}.n{color:var(--muted);font-size:.85rem}
footer{max-width:60rem;margin:2rem auto;padding:1rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}