.doc-layout{display:flex;margin-top:4.5rem;min-height:calc(100vh - 4.5rem)}.doc-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--glass-border);padding:2rem 1.5rem;background:var(--bg-color-alt);position:sticky;top:4.5rem;height:calc(100vh - 4.5rem);overflow-y:auto}.doc-sidebar h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem;margin-top:1.5rem}.doc-sidebar h4:first-child{margin-top:0}.doc-sidebar ul{list-style:none}.doc-sidebar li{margin-bottom:.5rem}.doc-sidebar a{display:block;padding:.4rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;transition:var(--transition)}.doc-sidebar a:hover,.doc-sidebar a.active{background:#ffffff0d;color:var(--text-primary)}.doc-content{flex-grow:1;padding:3rem 4rem;max-width:900px}.doc-content h1{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:-.025em;color:var(--text-primary)}.doc-content h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.doc-content h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.doc-content p{color:#cad5e2;margin-bottom:1.25rem;line-height:1.7}.doc-content ul,.doc-content ol{margin-bottom:1.25rem;padding-left:1.5rem;color:#cad5e2}.doc-content li{margin-bottom:.5rem}.doc-content pre{background:#0f172a;padding:1.25rem;border-radius:var(--radius-sm);overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--glass-border);font-family:Fira Code,monospace;font-size:.9rem;color:#e2e8f0}.doc-content code{font-family:Fira Code,monospace;background:#ffffff1a;padding:.15rem .35rem;border-radius:4px;font-size:.85em;color:#38bdf8}.doc-content pre code{background:transparent;padding:0;color:inherit}.note{padding:1rem 1.25rem;border-left:4px solid var(--accent-color);background:#3b82f61a;margin-bottom:1.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.note p:last-child{margin-bottom:0}@media (max-width: 768px){.doc-layout{flex-direction:column}.doc-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--glass-border)}.doc-content{padding:2rem 1.5rem}}
