/* ── Drothven database.css ──────────────────────────────
   Database page sidebar + scroll-spy layout.
   ─────────────────────────────────────────────────────── */

.database-layout {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: var(--s-48);
    align-items: start;
}

/* ── Content ───────────────────────────────────────────── */
.database-content {
    min-width: 0;
}

.database-section {
    padding: var(--s-48) 0;
    border-bottom: 1px solid var(--c-border);
}
.database-section:first-child {
    padding-top: 0;
}
.database-section:last-child {
    border-bottom: none;
}

.database-section__title {
    font-family: var(--f-heading);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--s-16);
}

.database-section__desc {
    font-size: 0.9375rem;
    color: var(--c-text-dim);
    line-height: 1.7;
}

/* ── Sidebar ───────────────────────────────────────────── */
.database-sidebar {
    position: sticky;
    top: calc(var(--header-h) + var(--s-24));
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: var(--r-md);
    padding: var(--s-16);
}

.database-sidebar__title {
    font-family: var(--f-heading);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--c-text-dim);
    margin-bottom: var(--s-12);
    padding-bottom: var(--s-12);
    border-bottom: 1px solid var(--c-border);
}

.database-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: var(--s-4);
}

.database-sidebar__link {
    font-size: 0.8125rem;
    color: var(--c-text-dim);
    padding: var(--s-8) var(--s-12);
    border-radius: var(--r-sm);
    transition: color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.database-sidebar__link:hover {
    color: var(--c-text);
    background: var(--c-surface-2);
}
.database-sidebar__link.is-active {
    color: var(--c-accent);
    background: rgba(232, 101, 42, 0.08);
}