:root{--sidebar-w: 15rem;--toc-w: 14rem;--content-w: 48rem;--page-max: var(--shell-max);--u: .25rem}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}*,*:before,*:after{margin:0;padding:0}body{min-height:100vh}a{text-decoration:none;text-underline-offset:.2em}ul,ol{list-style:none}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;color:var(--muted);cursor:pointer;flex-shrink:0}.menu-toggle:hover{color:var(--ink)}.sidebar-backdrop{display:none}.page-grid{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,var(--content-w)) minmax(var(--toc-w),1fr);grid-template-rows:1fr;width:min(var(--shell-max),calc(100% - var(--shell-gutter) * 2));max-width:var(--page-max);margin:0 auto;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:calc(var(--u) * 3) 0 calc(var(--u) * 8);background:var(--panel);border:1px solid var(--line);border-radius:2px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-bright)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar-header{display:none}.sidebar-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;color:var(--muted);cursor:pointer;flex-shrink:0}.sidebar-close:hover{color:var(--ink)}.nav-group{margin-bottom:calc(var(--u) * 2)}.nav-group-label{display:flex;align-items:center;gap:10px;padding:calc(var(--u) * 4) calc(var(--u) * 4) calc(var(--u) * 1);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav-group-label:after{flex:1;height:1px;background:var(--line);content:""}.nav-link{display:block;padding:calc(var(--u) * 1.5) calc(var(--u) * 4);font-size:.8125rem;color:var(--muted);border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--green);border-left-color:var(--green)}.content{min-width:0;padding:calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 16)}.page-title{margin-bottom:calc(var(--u) * 6);font-size:1.625rem;font-weight:600;line-height:1.2;color:var(--ink-bright)}.toc{position:sticky;top:0;height:100vh;overflow-y:auto;padding:calc(var(--u) * 6) calc(var(--u) * 4);border-left:1px solid var(--line);scrollbar-width:none}.toc::-webkit-scrollbar{display:none}.toc-label{display:flex;align-items:center;gap:10px;margin-bottom:calc(var(--u) * 2);padding-left:calc(var(--u) * 3);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.toc-label:after{flex:1;height:1px;background:var(--line);content:""}.toc-link{display:block;padding:calc(var(--u) * 1) 0 calc(var(--u) * 1) calc(var(--u) * 3);font-size:.75rem;color:var(--muted);border-left:2px solid transparent;transition:color .1s}.toc-link:hover{color:var(--ink)}.toc-link[aria-current=true]{color:var(--green);border-left-color:var(--green)}.toc-link.toc-link--h3{padding-left:calc(var(--u) * 6)}.pagination{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 10);padding-top:calc(var(--u) * 6);border-top:1px solid var(--line)}.pagination-prev,.pagination-next{display:flex;flex-direction:column;gap:calc(var(--u) * 1);padding:calc(var(--u) * 3) calc(var(--u) * 4);border:1px solid var(--line);border-radius:2px;transition:border-color .1s,color .1s}.pagination-next{align-items:flex-end}.pagination-prev:hover,.pagination-next:hover{border-color:var(--green);color:var(--green)}.pagination-dir{font-size:.75rem;color:var(--muted)}.pagination-label{font-size:.875rem;color:var(--ink)}.pagination-prev:hover .pagination-dir,.pagination-prev:hover .pagination-label,.pagination-next:hover .pagination-dir,.pagination-next:hover .pagination-label{color:var(--green)}.prose{color:var(--prose);font-size:.875rem;line-height:1.7}.prose :is(h2,h3,h4,h5,h6){font-family:var(--font-mono);font-weight:600;letter-spacing:0}.prose h2{margin-top:calc(var(--u) * 10);margin-bottom:calc(var(--u) * 3);padding-top:calc(var(--u) * 3);border-top:1px solid var(--line);font-size:1.0625rem;color:var(--green)}.prose h3{margin-top:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 2);font-size:.9375rem;color:var(--cyan)}.prose h4{margin-top:calc(var(--u) * 4);margin-bottom:calc(var(--u) * 2);font-size:.875rem;color:var(--amber)}.prose p{margin-bottom:calc(var(--u) * 4)}.prose ul,.prose ol{margin-bottom:calc(var(--u) * 4);padding-left:calc(var(--u) * 5);list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:calc(var(--u) * 1)}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--cyan);text-decoration:underline}.prose a:hover{color:var(--green)}.prose code:not(pre code){padding:.05em .35em;border:1px solid var(--line);border-radius:2px;background:var(--panel);color:var(--green);font-size:.85em;font-family:var(--font-mono)}.prose pre,.prose .shiki{position:relative;margin:calc(var(--u) * 4) 0;padding:15px;border:1px solid color-mix(in srgb,var(--green) 30%,transparent);border-radius:2px;background:var(--bg-dim)!important;background-color:var(--bg-dim)!important;overflow-x:auto;font-size:.72rem;line-height:1.66}.prose .code-example-label{display:flex;align-items:center;margin:calc(var(--u) * 4) 0 0;min-height:34px;padding:0 15px;border:1px solid var(--line);border-bottom:0;border-radius:2px 2px 0 0;background:#070b0fd1;font-size:.64rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.prose .code-example-label+pre,.prose .code-example-label+.shiki{margin-top:0;border-radius:0 0 2px 2px}.prose .code-example-label-wrong{border-color:#f0717861;color:var(--red)}.prose .code-example-label-wrong+pre,.prose .code-example-label-wrong+.shiki{border-color:#f0717861}.prose .code-example-label-recommended{border-color:#91f29a6b;color:var(--green)}.prose .code-example-label-recommended+pre,.prose .code-example-label-recommended+.shiki{border-color:#91f29a6b}.prose pre code,.prose .shiki code{background:none;border:none;padding:0;color:var(--ink);font-size:inherit;line-height:inherit}.prose blockquote{margin:calc(var(--u) * 5) 0;padding:14px 18px;border:1px solid var(--line);border-radius:2px;background:#10161d80;color:var(--ink);font-size:.875rem;line-height:1.6}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:calc(var(--u) * 2)}.prose blockquote>p:first-child>strong:first-child{display:block;margin-bottom:8px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.prose blockquote.callout-note{border-color:#3ccfed42}.prose blockquote.callout-note>p:first-child>strong:first-child{color:var(--cyan)}.prose blockquote.callout-warn{border-color:#f0717842}.prose blockquote.callout-warn>p:first-child>strong:first-child{color:var(--red)}.prose blockquote.callout-tip{border-color:#91f29a42}.prose blockquote.callout-tip>p:first-child>strong:first-child{color:var(--green)}.prose table{width:100%;margin:calc(var(--u) * 4) 0;border:1px solid var(--line);border-collapse:collapse}.prose th{padding:calc(var(--u) * 2) calc(var(--u) * 3);border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);text-align:left;vertical-align:top}.prose td{padding:calc(var(--u) * 2) calc(var(--u) * 3);border-bottom:1px solid var(--line);vertical-align:top}.prose tr:last-child td{border-bottom:none}.prose hr{margin:calc(var(--u) * 8) 0;border:none;border-top:1px solid var(--line)}.prose .expressive-code .frame,.prose figure.frame{margin:calc(var(--u) * 4) 0;border:1px solid var(--line);background:var(--bg-dim);box-shadow:none}.prose .expressive-code .frame .header{border-bottom:1px solid var(--line);background:var(--panel)}@media(max-width:78rem){.page-grid{grid-template-columns:var(--sidebar-w) 1fr}.toc{display:none}}@media(max-width:48rem){.site-header .nav-link-action{display:none}.menu-toggle{display:flex}.page-grid{grid-template-columns:1fr;width:100%}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);height:100dvh;z-index:90;transform:translate(-100%);transition:transform .2s ease;padding-top:0;border-block:0;border-left:0;border-radius:0}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;height:var(--header-h);padding:0 calc(var(--u) * 4);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.sidebar-backdrop{position:fixed;inset:0;z-index:89;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.open{display:block;opacity:1;pointer-events:auto}.content{padding:calc(var(--u) * 6) calc(var(--u) * 4) calc(var(--u) * 12)}}