:root{--bg:#fbfaf7;--fg:#1d1d1b;--muted:#5f5e58;--line:#e2e0d8;--code:#f1efe8;--accent:#1f5f8b}
@media (prefers-color-scheme:dark){:root{--bg:#141412;--fg:#ecebe6;--muted:#a6a59d;--line:#2f2e2a;--code:#1f1e1b;--accent:#7db7e0}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
a{color:var(--accent)}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--bg);padding:4px 8px}
.top{display:flex;gap:16px;align-items:baseline;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--fg)}.tag{color:var(--muted);font-size:.9rem}.gh{margin-left:auto}
.wrap{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1120px;margin:0 auto}
nav{padding:20px 16px;border-right:1px solid var(--line);font-size:.92rem}nav h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 6px}
nav ul{list-style:none;margin:0;padding:0}nav li{margin:2px 0}nav a{text-decoration:none;color:var(--fg)}nav a[aria-current=page]{color:var(--accent);font-weight:600}
main{padding:24px 32px 64px;min-width:0}main h1{margin-top:0;font-size:1.9rem}
pre{background:var(--code);padding:12px 14px;border-radius:8px;overflow-x:auto;font-size:.88rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
:not(pre)>code{background:var(--code);padding:1px 5px;border-radius:4px}
table{border-collapse:collapse;display:block;overflow-x:auto;margin:12px 0}th,td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}
blockquote{margin:12px 0;padding:4px 14px;border-left:3px solid var(--accent);color:var(--muted)}
.edit{margin-top:40px;font-size:.85rem;color:var(--muted)}
@media (max-width:760px){.wrap{grid-template-columns:1fr}main{order:1;padding:20px 16px 32px}nav{order:2;border-right:0;border-top:1px solid var(--line)}}