:root{--bg:#fff;--fg:#1a1a1a;--muted:#5f6368;--line:#e5e7eb;--accent:#0b6b5c;--code:#f3f4f6}
@media(prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e6e6e6;--muted:#9aa0a6;--line:#2a2d33;--accent:#4fd1b5;--code:#1b1e25}}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}header a{color:var(--fg);text-decoration:none;font-weight:600}
header .site{color:var(--muted);font-weight:400}
.wrap{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 50px)}
nav{border-right:1px solid var(--line);padding:16px;overflow:auto;position:sticky;top:0;height:calc(100vh - 50px)}
nav summary{display:none}nav .tab-title{font-weight:700;margin:14px 0 4px}nav .group{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 2px}
nav ul{list-style:none;margin:0;padding:0}nav li a{display:block;padding:3px 8px;border-radius:6px;color:var(--fg);text-decoration:none}
nav li a:hover{background:var(--code)}nav li.active a{background:var(--code);color:var(--accent);font-weight:600}
main{padding:28px 40px;max-width:860px}main h1{margin-top:0}main .summary{color:var(--muted);margin-top:-8px}
main pre{background:var(--code);padding:12px 14px;border-radius:8px;overflow:auto}main code{background:var(--code);padding:1px 5px;border-radius:4px;font-size:.92em}main pre code{background:none;padding:0}
main table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}main table tbody{display:table;width:100%}main table thead{display:table;width:100%}main th,main td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}main th{background:var(--code)}
main a{color:var(--accent)}.callout{border-left:3px solid var(--accent);background:var(--code);padding:8px 12px;margin:12px 0;border-radius:0 6px 6px 0}
footer{color:var(--muted);font-size:12px;padding:20px 40px;border-top:1px solid var(--line)}
@media(max-width:800px){.wrap{grid-template-columns:1fr}nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 16px}nav summary{display:block;cursor:pointer;font-weight:600;padding:6px 0}main{padding:20px}}