:root{--bg:#f6f8fa;--surface:#fff;--text:#1b2430;--muted:#556274;--border:#d5dbe3;--accent:#2f6fd6;--code:#f1f4f8;font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#12161c;--surface:#1a1f27;--text:#e7ebf0;--muted:#a8b2bf;--border:#323a46;--accent:#74a5f4;--code:#20262f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15.5px;line-height:1.65}
header{position:sticky;top:0;display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);z-index:2}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);text-decoration:none}.mark{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--accent);color:#fff;font-size:13px}
#search{margin-left:auto;width:min(340px,50vw);padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text)}
#results{position:absolute;right:20px;top:52px;width:min(420px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px rgb(0 0 0/.15);display:none}#results a{display:block;padding:8px 12px;color:var(--text);text-decoration:none}#results a:hover{background:var(--bg)}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1240px;margin:0 auto}
nav{padding:20px;border-right:1px solid var(--border);position:sticky;top:53px;height:calc(100vh - 53px);overflow:auto}nav h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 6px}nav ul{list-style:none;margin:0;padding:0}nav a{display:block;padding:3px 8px;border-radius:6px;color:var(--text);text-decoration:none;font-size:14.5px}nav li.active a{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-weight:600}
main{padding:28px 40px 60px;min-width:0}main h1{font-size:30px;line-height:1.25;margin-top:0}main h2{margin-top:2em;padding-top:.3em;border-top:1px solid var(--border)}main a{color:var(--accent)}main h1 a,main h2 a,main h3 a{color:inherit;text-decoration:none}
code{font-family:"JetBrains Mono",Consolas,monospace;font-size:.88em;background:var(--code);padding:.1em .35em;border-radius:4px}pre{background:var(--code);padding:14px 16px;border-radius:9px;overflow:auto;border:1px solid var(--border)}pre code{padding:0;background:none}
table{border-collapse:collapse;width:100%;font-size:14px;margin:1em 0;display:block;overflow:auto}th,td{border:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}th{background:var(--code)}
img{max-width:100%;border:1px solid var(--border);border-radius:9px}blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--accent);background:var(--code);border-radius:0 8px 8px 0}
footer{padding:24px;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
.hljs-keyword,.hljs-built_in{color:#b0347a}.hljs-string{color:#1e7a3c}.hljs-number{color:#a86400}.hljs-comment{color:var(--muted);font-style:italic}.hljs-title{color:var(--accent)}
@media (max-width:800px){.layout{grid-template-columns:1fr}nav{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}main{padding:20px}}