.docs-container{display:flex;max-width:1100px;margin:0 auto;min-height:calc(100vh - 137px)}.docs-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--color-border-subtle);padding:24px 0;position:-webkit-sticky;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.docs-sidebar-clusters{padding:0 12px 14px;margin-bottom:12px;border-bottom:1px solid var(--color-border-subtle)}.docs-sidebar-clusters-title{margin:0 0 8px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.docs-sidebar-clusters-list{display:grid;grid-gap:8px;gap:8px}.docs-sidebar-cluster-item{border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-accent-indigo-500);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-parchment-100);padding:8px}.docs-sidebar-cluster-item:nth-child(3n+2){border-left-color:var(--color-accent-emerald-600)}.docs-sidebar-cluster-item:nth-child(3n+3){border-left-color:var(--color-accent-amber-500)}.docs-sidebar-cluster-label{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:6px;color:var(--color-text-primary)}.docs-sidebar-cluster-links{display:grid;grid-gap:2px;gap:2px}.docs-sidebar-cluster-links .docs-sidebar-link{display:flex;justify-content:space-between;align-items:center}.docs-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.docs-sidebar-link{display:block;padding:8px 12px;font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.docs-sidebar-link:hover{background:var(--color-parchment-200);color:var(--color-text-primary)}.docs-sidebar-link-active{background:var(--color-accent-indigo-50);color:var(--color-interactive);font-weight:var(--font-medium)}.docs-content{flex:1 1;min-width:0;padding:32px 48px}.docs-header{margin-bottom:32px;padding:24px 24px 24px 20px;border-left:4px solid var(--color-interactive);background:var(--color-accent-indigo-50);border-radius:0 12px 12px 0;border-bottom:1px solid var(--color-border-subtle)}.docs-title{font-size:var(--text-3xl);margin-bottom:8px}.docs-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.docs-body p{margin-bottom:1.25em}.docs-nav-footer{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border-subtle)}.docs-nav-link{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);max-width:45%}.docs-nav-link:hover{border-color:var(--color-interactive);background:var(--color-accent-indigo-50)}.docs-nav-link-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.docs-nav-link-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-interactive)}.docs-nav-link-next{text-align:right;margin-left:auto}.docs-cta-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;font-weight:var(--font-semibold);transition:border-color var(--transition-fast),background var(--transition-fast)}.docs-cta-card:hover{border-color:var(--color-interactive);background:var(--color-accent-indigo-50)}.docs-mobile-toggle{display:none;position:fixed;bottom:24px;right:24px;z-index:40;padding:12px 16px;background:var(--color-interactive);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width:768px){.docs-container{flex-direction:column}.docs-sidebar{width:100%;position:fixed;top:64px;left:0;right:0;bottom:0;height:auto;background:var(--color-bg-card);z-index:30;border-right:none;border-bottom:1px solid var(--color-border-subtle);transform:translateX(-100%);transition:transform var(--transition-slow)}.docs-sidebar-open{transform:translateX(0)}.docs-content{padding:24px 16px}.docs-mobile-toggle{display:flex;align-items:center;gap:8px}.docs-nav-footer{flex-direction:column}.docs-nav-link{max-width:100%}.docs-nav-link-next{text-align:left;margin-left:0}}