/* ================================================================
   BBG News / Articles Page — Neumorphic / Stripe-clarity override
   Loaded via ?v2=1
   ================================================================ */

/* ── Surface override ────────────────────────────────────────── */
.bbg-news-page {
    --neu-bg: #e8ecf2;
    --neu-d:  #c5cbd7;
    --neu-l:  #ffffff;

    background: var(--neu-bg) !important;
}

/* ── Hero — sunken recess ────────────────────────────────────── */
.news-hero {
    border-bottom: none !important;
    position: relative;
}
.news-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow:
        inset 0  8px 18px rgba(0, 0, 0, .35),
        inset 0 -4px 12px rgba(0, 0, 0, .10),
        inset  6px 0 14px rgba(0, 0, 0, .12),
        inset -6px 0 14px rgba(0, 0, 0, .12);
    pointer-events: none;
    z-index: 1;
}
.news-hero > * { position: relative; z-index: 2; }

/* ── Filter controls — extruded pill bar ─────────────────────── */
.news-filter-select {
    background-color: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        3px 3px 8px var(--neu-d),
       -3px -3px 8px var(--neu-l) !important;
    border-radius: 20px !important;
}
.news-filter-select:hover,
.news-filter-select:focus {
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
    background-color: var(--neu-bg) !important;
    border: none !important;
}

.news-filter-reset {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        3px 3px 7px var(--neu-d),
       -3px -3px 7px var(--neu-l) !important;
}
.news-filter-reset:hover {
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
}

/* ── Article cards — extruded ────────────────────────────────── */
.article-card {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        6px 6px 16px var(--neu-d),
       -6px -6px 16px var(--neu-l) !important;
    border-radius: 20px !important;
}

.article-card:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        8px 8px 22px var(--neu-d),
       -8px -8px 22px var(--neu-l) !important;
    border: none !important;
}

/* ── Card thumbnail — sunken well ────────────────────────────── */
.article-card-thumb {
    background: var(--neu-bg) !important;
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
}

.article-card-thumb .no-thumb {
    background: var(--neu-bg) !important;
}

/* ── Tags — extruded pills ───────────────────────────────────── */
.article-tag {
    background: var(--neu-bg) !important;
    border: none !important;
    box-shadow:
        2px 2px 5px var(--neu-d),
       -2px -2px 5px var(--neu-l) !important;
}

.article-tag.tag-event {
    background: var(--neu-bg) !important;
    border: none !important;
}

/* ── Card footer ─────────────────────────────────────────────── */
.article-card-footer {
    border-top: 1px solid rgba(197, 203, 215, .3) !important;
}

/* ── Read link — extruded button feel ────────────────────────── */
.article-card-read {
    color: #002D72 !important;
}

/* ── Empty state — sunken ────────────────────────────────────── */
.news-empty {
    box-shadow:
        inset 3px 3px 7px var(--neu-d),
        inset -3px -3px 7px var(--neu-l) !important;
    border-radius: 20px !important;
    background: var(--neu-bg) !important;
}