/* ── Plotly chart containers ──────────────────────────────────────────────── */
.js-plotly-plot .plotly .main-svg {
    border-radius: 6px;
}

/* ── Card hover lift ──────────────────────────────────────────────────────── */
.card {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card:hover {
    box-shadow: 0 8px 28px rgba(99, 102, 241, 0.25) !important;
    transform: translateY(-2px);
}

/* ── Page fade-in ─────────────────────────────────────────────────────────── */
.page-content,
#page-content {
    animation: fadeIn 0.25s ease;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Metric card value text ───────────────────────────────────────────────── */
.metric-value {
    font-size: 1.9rem;
    font-weight: 700;
}

/* ── Custom scrollbar ─────────────────────────────────────────────────────── */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #1a1535;
}
::-webkit-scrollbar-thumb {
    background: #6366f1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #818cf8;
}

/* ── Navbar brand spacing ─────────────────────────────────────────────────── */
.navbar-brand {
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* ── Loading spinner overlay ──────────────────────────────────────────────── */
._dash-loading {
    margin: auto;
}

/* ── Responsive chart min-height ──────────────────────────────────────────── */
.dash-graph {
    min-height: 380px;
}

/* ── Methodology markdown body ────────────────────────────────────────────── */
.methodology-body h1 { font-size: 1.6rem; margin-bottom: 1rem; }
.methodology-body h2 { font-size: 1.25rem; margin-top: 2rem; margin-bottom: 0.75rem; border-bottom: 1px solid #334155; padding-bottom: 0.25rem; }
.methodology-body h3 { font-size: 1.05rem; margin-top: 1.5rem; color: #a5b4fc; }
.methodology-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.88rem; }
.methodology-body th, .methodology-body td { border: 1px solid #334155; padding: 0.4rem 0.7rem; }
.methodology-body th { background: #1e1b4b; }
.methodology-body blockquote { border-left: 3px solid #6366f1; padding-left: 1rem; color: #94a3b8; margin: 1rem 0; }
.methodology-body code { background: #1e293b; padding: 0.1em 0.35em; border-radius: 3px; font-size: 0.9em; }