.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:4rem;padding-top:3rem;padding-bottom:6rem;align-items:start}.docs-sidebar{position:sticky;top:5.5rem;border-right:1px solid var(--color-border);padding-right:2rem;max-height:calc(100vh - 6rem);overflow-y:auto}.docs-sidebar .nav-section{margin-bottom:2rem}.docs-sidebar .nav-section h5{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem;font-family:var(--font-heading)}.docs-sidebar .nav-section ul{list-style:none;padding:0;margin:0}.docs-sidebar .nav-section li{margin-bottom:.15rem}.docs-sidebar .nav-link{display:block;padding:.4rem .6rem;font-size:.9rem;color:var(--color-text-body);border-radius:4px;text-decoration:none;transition:color var(--transition-base),background var(--transition-base);border-left:2px solid transparent}.docs-sidebar .nav-link:hover{color:var(--color-text-title);background:var(--color-bg-surface)}.docs-sidebar .nav-link.active{color:var(--color-accent);background:var(--color-accent-subtle);border-left-color:var(--color-accent)}.docs-content{min-width:0}.docs-content h1{font-size:2.5rem;margin-bottom:.75rem;letter-spacing:-.02em}.docs-content h2{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem;padding-top:2rem;border-top:1px solid var(--color-border)}.docs-content h2:first-of-type{margin-top:2rem}.docs-content h3{font-size:1.125rem;margin-top:2rem;margin-bottom:.75rem;color:var(--color-text-title);font-family:var(--font-heading)}.docs-content .lead{font-size:1.15rem;color:var(--color-text-body);margin-bottom:2rem}.docs-content p{margin-bottom:1rem;line-height:1.7}.docs-content ul,.docs-content ol{list-style:disc;padding-left:1.5rem;margin:1rem 0}.docs-content ol{list-style:decimal}.docs-content li{margin-bottom:.5rem;font-size:.9375rem}.docs-content a:not(.btn){color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-base)}.docs-content a:not(.btn):hover{border-bottom-color:var(--color-accent)}.docs-content code{font-family:var(--font-mono);background:var(--color-bg-card);padding:.1rem .4rem;border-radius:4px;font-size:.875em;color:var(--color-accent)}.code-window{background:#010409;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin:1.5rem 0;position:relative}.code-window .code-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:.625rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:space-between;gap:1rem}.code-window .code-body{padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:#e2e8f0;overflow-x:auto}.code-window pre{margin:0;background:transparent}.code-window code{background:transparent;padding:0;color:inherit;font-size:inherit}.copy-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.copy-btn:hover{color:var(--color-text-title);border-color:var(--color-border-hover)}.copy-btn.copied{color:var(--color-accent);border-color:var(--color-accent)}.token-keyword{color:#ff7b72}.token-function{color:#d2a8ff}.token-string{color:#a5d6ff}.token-comment{color:#8b949e;font-style:italic}.token-type{color:#ffa657}.token-prop,.token-num{color:#79c0ff}.code-tabs{margin:1.5rem 0}.code-tabs .tab-bar{display:flex;gap:.25rem;margin-bottom:0;border-bottom:1px solid var(--color-border);align-items:center}.code-tabs .tab-copy-btn{margin-left:auto;margin-bottom:.25rem}.code-tabs .tab{padding:.45rem 1rem;font-size:.85rem;font-family:var(--font-mono);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base),background var(--transition-base);margin-bottom:-1px}.code-tabs .tab:hover{color:var(--color-text-title)}.code-tabs .tab[aria-selected=true]{background:#010409;color:var(--color-text-title);border-color:var(--color-border);border-bottom-color:#010409}.code-tabs .tab-panels{background:#010409;border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.code-tabs .tab-panel{display:none;padding:1.25rem 1.5rem}.code-tabs .tab-panel[data-active=true]{display:block}.code-tabs .tab-panel pre{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:#e2e8f0;overflow-x:auto}.code-tabs .tab-panel code{background:transparent;padding:0;color:inherit;font-size:inherit}.callout{border-left:3px solid var(--color-accent);background:var(--color-accent-subtle);padding:1rem 1.25rem;border-radius:0 8px 8px 0;font-size:.9rem;margin:1.5rem 0}.callout strong{color:var(--color-accent)}.callout--warn{border-left-color:#fbbf24;background:#fbbf2414}.callout--warn strong{color:#fbbf24}.page-nav{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.page-nav-link{display:block;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:8px;transition:border-color var(--transition-base),background var(--transition-base);text-decoration:none}.page-nav-link:hover{border-color:var(--color-border-hover);background:var(--color-bg-surface)}.page-nav-link .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.25rem}.page-nav-link .title{color:var(--color-text-title);font-family:var(--font-heading);font-weight:600}.page-nav-link.next{text-align:right;grid-column:2}.page-nav-link.prev{grid-column:1}.doc-cta{margin-top:3rem;padding:2rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;text-align:center}.doc-cta p{font-size:1.1rem;margin-bottom:1rem;color:var(--color-text-title)}.sdk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.sdk-card{display:block;padding:1.25rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-surface);text-decoration:none;transition:border-color var(--transition-base),transform var(--transition-base)}.sdk-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.sdk-card .sdk-name{font-family:var(--font-heading);font-weight:600;color:var(--color-text-title);margin-bottom:.25rem;font-size:1rem}.sdk-card .sdk-desc{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}@media(max-width:900px){.docs-layout{grid-template-columns:1fr;gap:2rem;padding-top:1.5rem}.docs-sidebar{position:static;border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:1.5rem;max-height:none}.docs-content h1{font-size:2rem}.page-nav{grid-template-columns:1fr}.page-nav-link.next,.page-nav-link.prev{grid-column:1;text-align:left}}