:root{color-scheme:light dark;--bg:#fbf7f1;--panel:#fff;--ink:#1f1a14;--muted:#6b6259;--accent:#d97a12;--line:#eadfd2}
@media (prefers-color-scheme:dark){:root{--bg:#171310;--panel:#221c17;--ink:#f3ede6;--muted:#a79d92;--accent:#f0a340;--line:#3a312a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:var(--accent)}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:8px;top:8px;background:var(--panel);padding:8px}
.nav{border-bottom:1px solid var(--line);background:var(--panel)}.container{max-width:960px;margin:auto;padding:0 20px}.row{display:flex;align-items:center;gap:12px;min-height:56px}
.brand{text-decoration:none;color:var(--ink);font-weight:700;font-size:18px}.brand .name::before{content:"👋 ";}
.nav a{text-decoration:none;font-weight:500}.section{padding:32px 0 64px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:32px}
h1{font-size:30px;margin:0 0 8px}h2{font-size:20px;margin:28px 0 8px}p,li{margin:8px 0}.muted{color:var(--muted);font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}th{font-weight:600}
code{background:var(--bg);padding:2px 5px;border-radius:4px}