.doc-layout-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (max-width:920px){.doc-layout-grid{grid-template-columns:1fr;gap:var(--space-6)}}.doc-sidebar{position:-webkit-sticky;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.doc-sidebar-inner{padding-right:var(--space-4);border-right:1px solid var(--c-border)}.doc-sidebar-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-soft);margin-bottom:var(--space-3)}.doc-nav-list{list-style:none;padding:0;margin:0}.doc-nav-link{display:block;padding:var(--space-2) 0;color:var(--c-ink-soft);font-size:.95rem;border-right:2px solid transparent;margin-right:-1px}.doc-nav-link.active,.doc-nav-link:hover{color:var(--c-primary)}.doc-nav-link.active{font-weight:600;border-right-color:var(--c-primary)}.doc-sidebar-toggle{display:none;margin-bottom:var(--space-4)}@media (max-width:920px){.doc-sidebar{display:none;position:static;max-height:none;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);margin-bottom:var(--space-6)}.doc-sidebar.open{display:block}.doc-sidebar-inner{border-right:none;padding:var(--space-4)}.doc-sidebar-toggle{display:block}}.code-block-wrapper{position:relative;margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--c-border);background:#1e293b}.code-header{justify-content:space-between;padding:var(--space-2) var(--space-4);background:#0f172a;border-bottom:1px solid hsla(0,0%,100%,.1);font-family:var(--font-mono);font-size:.75rem}.code-header,.copy-btn{display:flex;align-items:center;color:var(--c-ink-faint)}.copy-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all var(--trans-fast)}.copy-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.copy-success{display:flex;align-items:center;gap:4px;color:var(--c-accent)}pre{margin:0!important;padding:var(--space-4)!important;overflow-x:auto;background:transparent!important;color:#e2e8f0;font-family:var(--font-mono);font-size:.9rem;line-height:1.5}.article-nav{display:flex;justify-content:space-between;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--c-border);gap:var(--space-4)}.nav-card{flex:1 1;padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);transition:all var(--trans-fast);display:flex;flex-direction:column}.nav-card:hover{border-color:var(--c-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-card small{color:var(--c-ink-soft);font-size:.75rem;text-transform:uppercase;margin-bottom:var(--space-1)}.nav-card span{color:var(--c-ink);font-weight:600;font-size:1rem}@media (max-width:640px){.article-nav{flex-direction:column}}