:root{--sidebar-w:220px}html{scroll-padding-top:calc(var(--nav-h) + 32px)}.docs-layout{max-width:1120px;padding-top:var(--nav-h);min-height:100vh;margin:0 auto;display:flex}.sidebar{top:var(--nav-h);width:var(--sidebar-w);height:calc(100vh - var(--nav-h));padding:var(--sp-32) var(--sp-24) var(--sp-64) 0;border-right:1px solid var(--border);flex-shrink:0;position:sticky;overflow-y:auto}.sidebar-section{margin-bottom:var(--sp-24)}.sidebar-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--sp-16);margin-bottom:var(--sp-8);font-weight:500}.sidebar a{padding:6px var(--sp-16);font-size:var(--text-small);color:var(--text-2);border-radius:var(--r-sm);transition:color .15s,background .15s;display:block}.sidebar a:hover{color:var(--text-1);background:var(--surface-2)}.sidebar a.active{color:var(--yellow);background:#e8e5110f}.docs-content{min-width:0;padding:var(--sp-48) var(--sp-24) var(--sp-64) var(--sp-48);flex:1}.docs-content h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.03em;margin-bottom:var(--sp-8);font-weight:800}.docs-subtitle{font-size:var(--text-body);color:var(--text-1);margin-bottom:var(--sp-48);line-height:1.6}.doc-section{margin-bottom:var(--sp-64)}.doc-section h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;padding-bottom:var(--sp-12);border-bottom:1px solid var(--border);margin-bottom:var(--sp-24);font-weight:700}.doc-section h3{font-family:var(--font-display);font-size:var(--text-h3);margin-top:var(--sp-32);margin-bottom:var(--sp-12);font-weight:700}.doc-section p{font-size:var(--text-body);color:var(--text-1);margin-bottom:var(--sp-16);max-width:640px;line-height:1.75}.doc-section ol,.doc-section ul.doc-list{color:var(--text-1);font-size:var(--text-body);margin-bottom:var(--sp-16);padding-left:var(--sp-24);max-width:640px;line-height:1.75}.doc-section ol{list-style:decimal}.doc-section ul.doc-list{list-style:outside}.doc-section li{margin-bottom:var(--sp-8)}.doc-section code{font-family:var(--font-mono);background:var(--surface-2);color:var(--brand-light);border-radius:4px;padding:2px 6px;font-size:.85em}.doc-section strong{color:var(--text-0);font-weight:600}.doc-tip{background:var(--surface-1);border-left:3px solid var(--yellow);padding:var(--sp-12) var(--sp-16);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-bottom:var(--sp-16);max-width:640px}.doc-tip p{font-size:var(--text-small);margin-bottom:0}.doc-tip-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--yellow);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-4);font-weight:500}.doc-section a.doc-link{color:var(--yellow);transition:color .15s}.doc-section a.doc-link:hover{color:var(--yellow-dim)}.sidebar-toggle{bottom:var(--sp-24);right:var(--sp-24);z-index:40;background:var(--yellow);width:48px;height:48px;color:var(--surface-0);box-shadow:0 4px 16px var(--yellow-glow);border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed}.sidebar-toggle svg{width:20px;height:20px}@media (width<=768px){.sidebar{top:var(--nav-h);background:var(--surface-1);border-right:1px solid var(--border);z-index:40;width:260px;padding:var(--sp-24) 0;transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:35;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-toggle{display:flex}.docs-content{padding:var(--sp-32) var(--sp-24) var(--sp-64)}}