/* edet-canon.css — the Story Bible overlay (Cluster A · Phase 2). Renders in
   the shared #dr-overlay-body host. Tokens from site.css :root only. */

.dr-bible {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    max-width: 60rem;
    margin: 0 auto;
    padding: 0.5rem 0.25rem 2rem;
}

.dr-bible-group-title {
    margin: 0 0 0.6rem;
    color: var(--fg-muted);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.dr-bible-group {
    display: block;
}
.dr-bible-group + .dr-bible-group { border-top: 1px solid var(--rule); padding-top: 1.1rem; }

.dr-bible-card {
    background: var(--bg-raised);
    border: 1px solid var(--rule);
    border-radius: 8px;
    padding: 0.7rem 0.85rem;
    margin-bottom: 0.6rem;
}

.dr-bible-name {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--fg);
    font-family: var(--font-mono);
    font-size: var(--text-base);
    font-weight: 600;
    letter-spacing: 0.01em;
}
.dr-bible-name:hover { color: var(--accent); }

.dr-bible-facts {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.2rem 0.9rem;
    margin: 0.5rem 0 0;
}
.dr-bible-key {
    color: var(--fg-dim);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
}
.dr-bible-val {
    color: var(--fg);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    margin: 0;
}
.dr-bible-card-empty {
    margin: 0.35rem 0 0;
    color: var(--fg-dim);
    font-size: var(--text-sm);
}