.doc-layout{grid-template-columns:240px 1fr;gap:4rem;max-width:1340px;margin:0 auto;padding:120px 2rem 50vh;display:grid}.doc-sidebar{height:max-content;max-height:calc(100vh - 140px);position:sticky;top:120px;overflow-y:auto}.doc-nav{margin:0;padding:0;list-style:none}.doc-nav li{margin-bottom:.6rem}.doc-nav a{color:var(--muted);border-left:2px solid #0000;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.doc-nav a:hover{color:var(--text);background:#ffffff08}.doc-nav a.active{color:var(--white);background:var(--surface);border-left-color:var(--text);font-weight:500}.doc-container{min-width:0}.doc-header{font-family:var(--mono);letter-spacing:-1px;color:var(--white);margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;animation:.6s 60ms both fadeUp}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:2.5rem;animation:.6s .14s both fadeUp}.doc-card h2{font-family:var(--mono);color:var(--white);margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.doc-card h3{font-family:var(--mono);color:var(--white);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem}.doc-card p{color:var(--muted);margin-bottom:1rem;line-height:1.8}.doc-card ul{color:var(--muted);padding-left:1.5rem;line-height:1.8}.doc-card li{margin-bottom:.5rem}.doc-card li strong{color:var(--text)}.doc-card code{font-family:var(--mono);background:var(--surface2);color:var(--white);border-radius:4px;padding:.2rem .4rem;font-size:.85em}@media (width<=768px){.doc-layout{grid-template-columns:1fr;gap:2rem}.doc-sidebar{height:auto;max-height:none;position:static}}