.content-page{flex-direction:column;min-height:100vh;display:flex}.content-layout{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:32px;width:100%;max-width:1400px;margin:32px auto;padding:0 48px;display:flex}.nav-sidebar{flex-shrink:0;width:220px;max-height:calc(100vh - 120px);position:sticky;top:90px;overflow-y:auto}.nav-sidebar .nav-sidebar-title,.toc-sidebar .toc-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:600}.nav-sidebar ul,.toc-sidebar .toc ul{margin:0;padding-left:0;list-style:none}.toc-sidebar .toc ul ul{padding-left:12px}.nav-sidebar li,.toc-sidebar .toc li{margin-bottom:0}.nav-sidebar a,.toc-sidebar .toc a{color:#6b7280;border-left:2px solid #0000;padding-left:10px;font-size:13px;line-height:1.9;text-decoration:none;transition:color .15s,border-color .15s;display:block}.nav-sidebar a:hover,.toc-sidebar .toc a:hover{color:var(--brand-primary);border-left-color:var(--brand-primary);text-decoration:none}.nav-sidebar a.active,.toc-sidebar .toc a.active{color:var(--brand-primary);border-left-color:var(--brand-primary);font-weight:500}.content-main{box-sizing:border-box;border:1px solid var(--brand-border);border-radius:8px;flex:1;width:100%;min-width:0;max-width:800px;padding:48px}.toc-sidebar{flex-shrink:0;width:220px;max-height:calc(100vh - 120px);position:sticky;top:90px;overflow-y:auto}.toc-sidebar .toc{background-color:#0000;border:none;padding:0}.content-body h1{color:var(--brand-text);margin-top:40px;margin-bottom:16px;font-size:32px;font-weight:700}.content-body h1:first-child{margin-top:0}.content-body h1[id],.content-body h2[id],.content-body h3[id],.content-body h4[id],.content-body h5[id],.content-body h6[id]{scroll-margin-top:10px}.content-body h2[id],.content-body h3[id],.content-body h4[id],.content-body h5[id],.content-body h6[id]{position:relative}.content-body h2{color:var(--brand-text);margin-top:32px;margin-bottom:12px;font-size:22px;font-weight:600}.content-body h3{color:var(--brand-text);margin-top:24px;margin-bottom:8px;font-size:18px;font-weight:600}.content-body p{color:#374151;margin-bottom:16px;font-size:15px;line-height:1.7}.content-body a{color:var(--brand-primary);text-decoration:none}.content-body a:hover{text-decoration:underline}.content-body ul,.content-body ol{margin-bottom:16px;padding-left:24px}.content-body li{color:#374151;margin-bottom:6px;font-size:15px;line-height:1.7}.content-body code{color:var(--brand-text);background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:13px}.content-body pre code{color:#e5e7eb;background:0 0;padding:0;font-size:13px;line-height:1.6}.content-body .code-container{margin-bottom:16px}.content-body blockquote{border-left:3px solid var(--brand-primary);background-color:rgb(var(--brand-primary-rgb) / .04);border-radius:0 6px 6px 0;margin:0 0 16px;padding:12px 20px}.content-body blockquote p{color:var(--brand-text-muted);margin-bottom:0}.content-body table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:14px}.content-body th,.content-body td{border:1px solid var(--brand-border);text-align:left;padding:10px 14px}.content-body th{background-color:var(--brand-surface);color:var(--brand-text);font-weight:600}.content-body td{color:#374151}.content-body .heading-anchor{color:#9ca3af;opacity:0;vertical-align:middle;align-items:center;margin-left:8px;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.content-body h2:hover .heading-anchor,.content-body h3:hover .heading-anchor,.content-body h4:hover .heading-anchor,.content-body h5:hover .heading-anchor,.content-body h6:hover .heading-anchor,.content-body .heading-anchor:focus{opacity:1}.content-body .heading-anchor:hover{color:var(--brand-primary)}.content-body .heading-anchor.copied{color:#22c55e;opacity:1}.doc-nav-row{justify-content:space-between;margin-top:24px;display:flex}.doc-nav-row-start{justify-content:flex-start;margin-bottom:24px;display:flex}.doc-nav-btn{color:var(--brand-text-muted);background-color:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.doc-nav-btn:hover{color:var(--brand-text);background-color:#f3f4f6;text-decoration:none}.doc-nav-btn svg{flex-shrink:0}@media (width<=768px){.content-layout{margin:16px auto;padding:0 16px}.content-main{padding:24px}.toc-sidebar,.nav-sidebar{display:none}}