:root{--bg:#ffffff;--fg:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--code-bg:#f6f8fa;--sidebar-bg:#fafafa;--max-content:52rem}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0c;--fg:#e7e7e7;--muted:#9aa0a6;--border:#26272b;--accent:#6ea8ff;--code-bg:#15161a;--sidebar-bg:#121316}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border)}.topbar strong{font-size:1.05rem}.topbar .spacer{flex:1 1}.topbar a{color:var(--muted);font-size:.9rem}.shell{display:flex;width:100%;align-items:flex-start}.sidebar{flex:0 0 17rem;width:17rem;padding:1.5rem 1rem 3rem;border-right:1px solid var(--border);background:var(--sidebar-bg);position:sticky;top:3.25rem;height:calc(100vh - 3.25rem);overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar-link{display:block;padding:.28rem .5rem;border-radius:6px;color:var(--fg);font-size:.875rem;word-break:break-word}.sidebar-link:hover{background:var(--code-bg);text-decoration:none}.sidebar-link.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.content{flex:1 1 auto;min-width:0;display:flex;justify-content:center;padding:2.5rem 2rem 5rem}.prose{width:100%;max-width:var(--max-content)}.prose h1{font-size:2.1rem;line-height:1.2;margin:0 0 1rem}.prose h2{font-size:1.5rem;margin:2.5rem 0 .75rem;padding-top:.5rem;border-top:1px solid var(--border)}.prose h3{font-size:1.2rem;margin:1.75rem 0 .5rem}.prose li,.prose p{color:var(--fg)}.prose blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:3px solid var(--accent);background:var(--code-bg);color:var(--muted);border-radius:0 6px 6px 0}.prose blockquote p{margin:.25rem 0}.prose code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85em;padding:.15em .4em;border-radius:4px}.prose code,.prose pre{background:var(--code-bg)}.prose pre{border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;overflow-x:auto;font-size:.85rem;line-height:1.55}.prose pre code{background:none;padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.9rem;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--border);padding:.5rem .7rem;text-align:left;vertical-align:top}.prose th{background:var(--code-bg);font-weight:600}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose ol,.prose ul{padding-left:1.4rem}.prose li{margin:.3rem 0}@media (max-width:860px){.shell{flex-direction:column}.sidebar{position:static;height:auto;width:100%;flex-basis:auto;border-right:none;border-bottom:1px solid var(--border)}.content{padding:1.5rem 1.1rem 4rem}}