body { font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; }

/* Sidebar Navigation */
.sidebar {
    height: calc(100vh - 60px);
    position: sticky;
    top: 60px;
    background: #fdfdfd;
}

.sidebar .nav-link {
    font-size: 0.9rem;
    color: #64748b;
    padding: 10px 15px;
    border-radius: 8px;
    transition: 0.2s;
}

.sidebar .nav-link:hover, .sidebar .nav-link.active {
    background: #6366f115;
    color: #6366f1;
    font-weight: 600;
}

/* Documentation Content */
.doc-section { scroll-margin-top: 80px; }
.doc-section h2 { letter-spacing: -1px; margin-top: 10px; }

/* Code Sample Pane */
.code-pane {
    background: #0f172a;
    border-left: 1px solid #1e293b;
}

.code-block {
    background: #1e293b;
    border: 1px solid #334155;
}

pre {
    margin-bottom: 0;
    font-family: 'Fira Code', monospace;
}

.bg-success-light { background: #dcfce7; color: #15803d; }
.text-silver { color: #94a3b8; }