:root{--ink:#1b1f27;--muted:#5a6475;--navy:#1f2a44;--line:#d8dee8;--bg:#ffffff;--side:#f4f6f9;--code:#f2f4f7}
@media (prefers-color-scheme:dark){:root{--ink:#e6e9ef;--muted:#a3adbd;--navy:#9fb4e0;--line:#323a48;--bg:#14171c;--side:#1b1f26;--code:#1f242c}}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{display:flex;min-height:100vh}nav{width:250px;flex:none;background:var(--side);border-right:1px solid var(--line);padding:24px 16px}
nav .brand{font-weight:700;color:var(--navy);margin-bottom:16px}nav a{display:block;padding:6px 8px;border-radius:6px;color:var(--ink);text-decoration:none}
nav a.on,nav a:hover{background:var(--line)}main{flex:1;max-width:920px;padding:32px 40px}
h1,h2,h3{color:var(--navy);line-height:1.25}table{border-collapse:collapse;width:100%;margin:12px 0;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}th{background:var(--side)}
code{background:var(--code);padding:1px 4px;border-radius:4px;font-size:.92em}pre{background:var(--code);padding:12px;border-radius:6px;overflow-x:auto}pre code{padding:0}
footer{margin-top:48px;color:var(--muted);font-size:.85em}
@media (max-width:760px){.wrap{display:block}nav{width:auto;border-right:0;border-bottom:1px solid var(--line)}main{padding:20px 16px}}