:root{--bg:#fbfcfa;--surface:#fff;--ink:#141917;--ink-2:#4a5450;--rule:#dfe4de;
--accent:#0f5c4e;--code-bg:#eef1ed;--sidebar:#f3f5f2}
@media (prefers-color-scheme:dark){:root{--bg:#0e1312;--surface:#151b19;
--ink:#e4eae6;--ink-2:#aab4b0;--rule:#2b3431;--accent:#5bc4a8;--code-bg:#131917;
--sidebar:#111716}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.layout{display:flex;min-height:100vh;align-items:flex-start}
nav{width:270px;flex:none;background:var(--sidebar);border-right:1px solid var(--rule);
padding:24px 20px;position:sticky;top:0;max-height:100vh;overflow-y:auto}
nav .brand{font-weight:700;font-size:18px;display:block;margin-bottom:20px;
text-decoration:none;color:var(--ink)}
nav h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);
margin:20px 0 6px}
nav ul{list-style:none;margin:0;padding:0}
nav li{margin:2px 0}
nav a{display:block;padding:4px 8px;border-radius:4px;text-decoration:none;
color:var(--ink-2);font-size:14px}
nav a:hover{background:var(--surface);color:var(--ink)}
nav a[aria-current]{background:var(--accent);color:#fff}
main{flex:1;min-width:0;padding:40px 48px 96px;max-width:60rem}
main h1{margin-top:0;line-height:1.15}
main h2{margin-top:2em;padding-bottom:.25em;border-bottom:1px solid var(--rule)}
code{background:var(--code-bg);padding:.12em .34em;border-radius:3px;font-size:.88em}
pre{background:var(--code-bg);border:1px solid var(--rule);border-radius:4px;
padding:14px 16px;overflow-x:auto}
pre code{background:none;padding:0}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left}
blockquote{margin:1.2em 0;padding:.5em 1em;border-left:3px solid var(--accent);
background:var(--surface);color:var(--ink-2)}
footer{margin-top:64px;padding-top:16px;border-top:1px solid var(--rule);
color:var(--ink-2);font-size:13px}
@media(max-width:800px){.layout{display:block}nav{width:auto;position:static;
max-height:none;border-right:0;border-bottom:1px solid var(--rule)}
main{padding:24px 20px 64px}}