.docs-wrap{display:grid;grid-template-columns:260px 1fr;gap:0;min-height:70vh}
.docs-sidebar{background:var(--slate-50);border-right:1px solid var(--slate-200);padding:2rem 1.5rem}
.docs-sidebar h3{font-size:.75rem;font-weight:600;color:var(--slate-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.docs-sidebar a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;color:var(--slate-600);border-radius:6px;margin-bottom:2px;transition:all .15s}
.docs-sidebar a:hover,.docs-sidebar a.active{background:var(--blue-ghost);color:var(--blue)}
.docs-sidebar a.active{font-weight:600}
.docs-content{padding:2.5rem 3rem}
.docs-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--slate-100)}
.docs-content h3{font-size:1.125rem;font-weight:600;margin:2rem 0 .75rem;color:var(--ink)}
.docs-content p{color:var(--slate-500);line-height:1.8;margin-bottom:1rem;font-size:.9375rem}
.docs-content code{background:var(--slate-100);padding:2px 6px;border-radius:4px;font-size:.8125rem;font-family:monospace}
.docs-content pre{background:var(--slate-800);color:#e2e8f0;padding:1.25rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;font-size:.8125rem;line-height:1.6}
.docs-content ul{padding-left:1.25rem;margin-bottom:1rem}
.docs-content li{color:var(--slate-500);line-height:1.8;font-size:.9375rem;margin-bottom:.25rem}
@media(max-width:768px){.docs-wrap{grid-template-columns:1fr}.docs-sidebar{display:none}}