:root{--bg:#f7fbf1;--fg:#191d17;--muted:#4f5b4b;--primary:#3c6939;--on:#fff;--line:#d5e0cd;--card:#eef5e6}
@media (prefers-color-scheme:dark){:root{--bg:#121512;--fg:#e2e6dc;--muted:#a9b5a3;--primary:#9bd391;--on:#0b3a0b;--line:#2d3a2a;--card:#1b221a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--primary)}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;max-width:760px;margin:0 auto;padding:16px}
.brand{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--fg)}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;flex:1}
nav a{text-decoration:none;color:var(--muted)}
nav a:hover{color:var(--primary)}
main,footer{max-width:760px;margin:0 auto;padding:0 16px}
h1{font-size:1.9rem;line-height:1.25;margin:24px 0 8px}
h2{font-size:1.25rem;margin:28px 0 6px}
h3{font-size:1.05rem;margin:18px 0 4px}
pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto;font:.85rem/1.5 ui-monospace,Consolas,monospace;white-space:pre}
.lead{font-size:1.15rem;color:var(--muted);margin-top:0}
ul{padding-left:20px}li{margin:6px 0}
.button{display:inline-block;background:var(--primary);color:var(--on);padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.button.small{padding:6px 14px;font-size:.9rem}
table{width:100%;border-collapse:collapse;margin:16px 0}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){text-align:center}
footer{margin-top:48px;padding-bottom:32px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:16px}