/* ==========================================================================
   ACXPA Member Bytes — library archive
   File: /wp-content/themes/kleo-child/member-bytes-system/css/member-bytes-archive.css
   Depends on: member-bytes-core.css (shared buttons, gate CTA, controls, icons)

   This is the file that was never enqueued. It existed on disk, fully written,
   while /member-bytes/ rendered as raw markup — because nothing in the theme
   pointed at it. member-bytes-system.php is now the single owner of that link.

   All type, colour, spacing and radius come from acxpa-tokens.css. Raw px is
   used only for drawn geometry that must not grow with the reader's font-size
   preference: hairlines, the 48px control height, chevron boxes.
   ========================================================================== */

.mbrta {
    --mbrta-tint: var(--acxpa-ds-cloud);
    --mbrta-accent: var(--acxpa-ds-teal-700);
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.mbrta-hero {
    margin: 0 0 var(--acxpa-ds-space-lg);
    padding: var(--acxpa-ds-space-xl);
    border-radius: var(--acxpa-ds-radius-xl);
    background: var(--acxpa-ds-teal-900);
    border-top: 5px solid var(--acxpa-ds-gold);
    box-shadow: var(--acxpa-ds-shadow-lg);
}
.mbrta-tag {
    display: inline-block;
    margin: 0 0 var(--acxpa-ds-space-sm);
    padding: var(--acxpa-ds-space-2xs) var(--acxpa-ds-space-sm);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink);
}
.mbrta-title {
    margin: 0 0 var(--acxpa-ds-space-sm);
    font-size: var(--acxpa-ds-text-display);
    font-weight: 800;
    line-height: var(--acxpa-ds-leading-tight);
    letter-spacing: -.02em;
    color: var(--acxpa-ds-text-on-dark);
    text-wrap: balance;
}
.mbrta-intro {
    margin: 0 0 var(--acxpa-ds-space-sm);
    font-size: var(--acxpa-ds-text-lead);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted-on-dark);
}
.mbrta-intro--second { margin-bottom: var(--acxpa-ds-space-md); }

/* On-dark overrides for controls that also appear on light grounds. */
.mbrta-hero .mbrta-quicklink--primary {
    background: var(--acxpa-ds-bg);
    color: var(--acxpa-ds-teal-900) !important;
    border-color: var(--acxpa-ds-bg);
}
.mbrta-hero .mbrta-quicklink--primary:hover {
    background: var(--acxpa-ds-teal-100);
    border-color: var(--acxpa-ds-teal-100);
    color: var(--acxpa-ds-teal-900) !important;
}
.mbrta-hero .mbrta-quicklink--gold { border-color: var(--acxpa-ds-gold); }
.mbrta-hero .mbrta-quicklink--outline {
    background: transparent;
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-border-on-dark);
}
.mbrta-hero .mbrta-quicklink--outline:hover { background: var(--acxpa-ds-teal-800); color: var(--acxpa-ds-text-on-dark) !important; }
.mbrta-hero .mbrta-filter-label { color: var(--acxpa-ds-text-muted-on-dark); }
.mbrta-hero .mbrta-filter-count { color: var(--acxpa-ds-text-muted-on-dark); }
.mbrta-hero .mbrta-filter-reset { color: var(--acxpa-ds-gold); }
.mbrta-hero .mbrta-filter-reset:hover { background: var(--acxpa-ds-gold); color: var(--acxpa-ds-ink); }
.mbrta-hero .mbrta-cat-nav-btn {
    background: var(--acxpa-ds-teal-800);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-600);
}
.mbrta-hero .mbrta-cat-nav-btn:hover {
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    border-color: var(--acxpa-ds-gold);
}
.mbrta-hero .mbrta-quicklink:focus-visible,
.mbrta-hero .mbrta-cat-nav-btn:focus-visible { outline-color: var(--acxpa-ds-focus-on-dark); }

/* --------------------------------------------------------------------------
   Quick links
   -------------------------------------------------------------------------- */

.mbrta-quicklinks { display: flex; flex-wrap: wrap; gap: var(--acxpa-ds-space-xs); margin-top: var(--acxpa-ds-space-lg); }
.mbrta-quicklink {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border: 2px solid transparent;
    border-radius: var(--acxpa-ds-radius-pill);
    background: none;
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .15s, color .15s, border-color .15s, transform .15s;
}
.mbrta-quicklink--primary {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
    box-shadow: var(--acxpa-ds-shadow-sm);
}
.mbrta-quicklink--primary:hover {
    background: var(--acxpa-ds-teal-900);
    border-color: var(--acxpa-ds-teal-900);
    transform: translateY(-1px);
    box-shadow: var(--acxpa-ds-shadow-md);
}
.mbrta-quicklink--outline {
    background: var(--acxpa-ds-bg);
    color: var(--acxpa-ds-link) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrta-quicklink--outline:hover {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    transform: translateY(-1px);
}
.mbrta-quicklink--gold {
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    border-color: var(--acxpa-ds-gold-deep);
}
.mbrta-quicklink--gold:hover { filter: brightness(.92); transform: translateY(-1px); }
.mbrta-quicklink:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 3px; }

/* --------------------------------------------------------------------------
   Filters + category nav
   -------------------------------------------------------------------------- */

.mbrta-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-sm);
    margin-top: var(--acxpa-ds-space-md);
}
.mbrta-filter-label { color: var(--acxpa-ds-text-muted); white-space: nowrap; }
.mbrta select.mbrta-filter-select { min-width: 150px; flex: 1; transition: border-color .15s, box-shadow .15s; }
.mbrta-filter-reset {
    display: none;
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-sm);
    border: none;
    border-radius: var(--acxpa-ds-radius-md);
    background: none;
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    color: var(--acxpa-ds-link);
    cursor: pointer;
    transition: color .15s, background .15s;
}
.mbrta-filter-reset.is-visible { display: inline-flex; align-items: center; gap: var(--acxpa-ds-space-2xs); }
.mbrta-filter-reset:hover { color: var(--acxpa-ds-text-on-dark); background: var(--acxpa-ds-teal-700); }
.mbrta-filter-reset:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrta-filter-count {
    margin-left: auto;
    font-size: var(--acxpa-ds-text-small);
    font-weight: 600;
    color: var(--acxpa-ds-text-muted);
}

.mbrta-cat-nav { display: flex; flex-wrap: wrap; gap: var(--acxpa-ds-space-xs); margin: var(--acxpa-ds-space-lg) 0 0; }
.mbrta-cat-nav-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-teal-500);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-bg);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    color: var(--acxpa-ds-link) !important;
    text-decoration: none !important;
    transition: background-color .15s, color .15s, border-color .15s, transform .15s;
}
.mbrta-cat-nav-btn:hover {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
    transform: translateY(-1px);
}
.mbrta-cat-nav-btn:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrta-cat-nav-btn__count { font-size: var(--acxpa-ds-text-caption); opacity: .6; }

/* --------------------------------------------------------------------------
   Featured byte (non-members)
   -------------------------------------------------------------------------- */

.mbrta-featured {
    margin: var(--acxpa-ds-space-2xl) 0 0;
    border: 2px solid var(--acxpa-ds-gold);
    border-radius: var(--acxpa-ds-radius-xl);
    background: var(--acxpa-ds-bg);
    box-shadow: var(--acxpa-ds-shadow-md);
    overflow: hidden;
}
.mbrta-featured__banner {
    padding: var(--acxpa-ds-space-md) var(--acxpa-ds-space-xl);
    background: var(--acxpa-ds-gold-tint);
    border-bottom: 2px solid var(--acxpa-ds-gold);
}
.mbrta-featured__kicker { display: block; margin-bottom: var(--acxpa-ds-space-2xs); color: var(--acxpa-ds-warning-deep); }
.mbrta-featured__banner-intro {
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}
.mbrta-featured__inner { display: grid; grid-template-columns: minmax(0, 1fr); }
.mbrta-featured__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    align-self: start;
    background: var(--acxpa-ds-teal-900);
    overflow: hidden;
}
.mbrta-featured__media iframe,
.mbrta-featured__media video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.mbrta-featured__media--locked iframe {
    filter: blur(5px) saturate(.7) brightness(.45);
    transform: scale(1.06);
    pointer-events: none;
}
.mbrta-featured__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--acxpa-ds-space-xs);
    padding: var(--acxpa-ds-space-md);
    text-align: center;
    text-decoration: none !important;
    background: rgba(6, 40, 49, .55);
    cursor: pointer;
    transition: background .15s;
}
.mbrta-featured__overlay:hover { background: rgba(6, 40, 49, .70); }
.mbrta-featured__overlay:focus-visible { outline: 3px solid var(--acxpa-ds-focus-on-dark); outline-offset: -6px; }
.mbrta-featured__play { font-size: var(--acxpa-ds-text-h1); line-height: 1; color: var(--acxpa-ds-text-on-dark); }
.mbrta-featured__label { color: var(--acxpa-ds-gold); }
.mbrta-featured__overlay p { margin: 0; font-size: var(--acxpa-ds-text-small); color: var(--acxpa-ds-text-muted-on-dark); }

.mbrta-featured__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--acxpa-ds-space-sm);
    min-width: 0;
    padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl);
    background: var(--acxpa-ds-bg);
}
.mbrta-featured__body > * { max-width: 100%; }
.mbrta-featured__heading {
    margin: 0;
    font-size: var(--acxpa-ds-text-h2);
    font-weight: 800;
    line-height: var(--acxpa-ds-leading-tight);
    letter-spacing: -.02em;
    color: var(--acxpa-ds-teal-700);
    text-wrap: balance;
}
.mbrta-featured__duration { border-radius: var(--acxpa-ds-radius-pill); width: fit-content; }
.mbrta-featured__speakers { display: flex; flex-wrap: wrap; gap: var(--acxpa-ds-space-2xs); }
.mbrta-featured__speaker-tag {
    display: inline-flex;
    align-items: center;
    padding: var(--acxpa-ds-space-2xs) var(--acxpa-ds-space-sm);
    border: 1px solid var(--acxpa-ds-teal-500);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-bg-subtle);
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 700;
    color: var(--acxpa-ds-teal-700);
}
.mbrta-featured__desc {
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}
.mbrta-featured__free-note {
    padding: var(--acxpa-ds-space-sm);
    border: 1px solid var(--acxpa-ds-gold);
    border-radius: var(--acxpa-ds-radius-md);
    background: var(--acxpa-ds-gold-tint);
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}
.mbrta-featured__free-note a { color: var(--acxpa-ds-link); font-weight: 700; }
.mbrta-featured__actions { display: flex; flex-wrap: wrap; gap: var(--acxpa-ds-space-xs); margin-top: var(--acxpa-ds-space-2xs); }
.mbrta-featured .mbrta-quicklink--primary {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrta-featured .mbrta-quicklink--primary:hover { background: var(--acxpa-ds-teal-900); border-color: var(--acxpa-ds-teal-900); }
.mbrta-featured .mbrta-quicklink--outline {
    background: var(--acxpa-ds-bg);
    color: var(--acxpa-ds-link) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrta-featured .mbrta-quicklink--outline:hover { background: var(--acxpa-ds-teal-700); color: var(--acxpa-ds-text-on-dark) !important; }

/* --------------------------------------------------------------------------
   Category sections — accent colour is set once per section and inherited by
   the cards inside it via the --mbrta-accent / --mbrta-tint custom properties.
   -------------------------------------------------------------------------- */

.mbrta-cat-section { margin-top: var(--acxpa-ds-space-2xl); }
.mbrta-cat-header {
    display: flex;
    align-items: center;
    gap: var(--acxpa-ds-space-md);
    margin-bottom: var(--acxpa-ds-space-lg);
    padding: 0 0 var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border-bottom: 2px solid var(--mbrta-tint);
    border-left: 6px solid var(--mbrta-accent);
}
.mbrta-cat-title { color: var(--mbrta-accent); margin: 0; }
.mbrta-cat-count { font-size: var(--acxpa-ds-text-small); font-weight: 600; color: var(--acxpa-ds-text-muted); }
.mbrta-cat-intro {
    margin: 0 0 var(--acxpa-ds-space-lg);
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}

/* Taxonomy slug -> accent. NOTE: the CX term's slug is "cx", not
   "customer-experience". Getting that wrong silently drops the whole palette. */
.mbrta-cat-section[data-cat="call-centres"],
.mbrta-card[data-cat="call-centres"]          { --mbrta-tint: var(--acxpa-ds-teal-100);     --mbrta-accent: var(--acxpa-ds-teal-700); }
.mbrta-cat-section[data-cat="cx"],
.mbrta-card[data-cat="cx"]                    { --mbrta-tint: var(--acxpa-ds-harbour-tint); --mbrta-accent: var(--acxpa-ds-harbour-deep); }
.mbrta-cat-section[data-cat="leadership"],
.mbrta-card[data-cat="leadership"]            { --mbrta-tint: var(--acxpa-ds-gold-tint);    --mbrta-accent: var(--acxpa-ds-warning-deep); }
.mbrta-cat-section[data-cat="technology"],
.mbrta-card[data-cat="technology"]            { --mbrta-tint: var(--acxpa-ds-success-tint); --mbrta-accent: var(--acxpa-ds-success-deep); }
.mbrta-cat-section[data-cat="training-and-coaching"],
.mbrta-card[data-cat="training-and-coaching"] { --mbrta-tint: var(--acxpa-ds-clay-tint);    --mbrta-accent: var(--acxpa-ds-clay-deep); }
.mbrta-cat-section[data-cat="other"],
.mbrta-card[data-cat="other"]                 { --mbrta-tint: var(--acxpa-ds-cloud);        --mbrta-accent: var(--acxpa-ds-teal-700); }

/* --------------------------------------------------------------------------
   Byte cards
   -------------------------------------------------------------------------- */

.mbrta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--acxpa-ds-space-lg);
    align-items: start;
}
.mbrta-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: start;
    border: 1px solid var(--acxpa-ds-border);
    border-radius: var(--acxpa-ds-radius-lg);
    background: var(--acxpa-ds-bg);
    box-shadow: var(--acxpa-ds-shadow-sm);
    overflow: hidden;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.mbrta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--mbrta-accent);
    z-index: 2;
}
.mbrta-card:hover { transform: translateY(-3px); box-shadow: var(--acxpa-ds-shadow-lg); border-color: var(--mbrta-accent); }
.mbrta-card--featured {
    border-color: var(--acxpa-ds-gold);
    box-shadow: inset 0 0 0 2px var(--acxpa-ds-gold), var(--acxpa-ds-shadow-sm);
}
.mbrta-card--featured::before { background: var(--acxpa-ds-gold); }

.mbrta-card__image-link { display: block; }
.mbrta-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--acxpa-ds-stone);
}

.mbrta-card__top-btn {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
}
.mbrta-card__top-btn:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: -3px; }
.mbrta-card__top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--acxpa-ds-space-sm);
    padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md) var(--acxpa-ds-space-md);
    background: var(--mbrta-tint);
    color: var(--acxpa-ds-ink);
    text-align: left;
}
.mbrta-card__top-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: var(--acxpa-ds-space-xs);
    margin: 0;
}
/* Inside a category section the card's own category tag is redundant. */
.mbrta-cat-section .mbrta-card__cat-tag { display: none; }
.mbrta-card__cat-tag {
    display: inline-block;
    padding: var(--acxpa-ds-space-2xs) var(--acxpa-ds-space-xs);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--mbrta-accent);
    color: var(--acxpa-ds-text-on-dark);
}
.mbrta-card__duration { order: 1; }
.mbrta-card__access-pill-top {
    order: 2;
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: var(--mbrta-accent);
    font-weight: 700;
}
.mbrta-card__access-pill-top.mbrta-access-pill--featured { color: var(--acxpa-ds-warning-deep); }
.mbrta-card__access-pill-top.mbrta-access-pill--locked   { color: var(--acxpa-ds-ink); font-weight: 600; }

.mbrta-card__title {
    display: flex;
    align-items: flex-start;
    min-height: calc(1.3em * 2);
    margin: 0;
    font-size: var(--acxpa-ds-text-h4);
    font-weight: 700;
    line-height: var(--acxpa-ds-leading-snug);
    letter-spacing: -.01em;
    color: var(--acxpa-ds-ink);
    text-align: left;
    text-wrap: balance;
}
.mbrta-card__title a { color: var(--acxpa-ds-ink); text-decoration: none !important; }
.mbrta-card__title a:hover { color: var(--mbrta-accent); text-decoration: underline !important; }

.mbrta-card__chevron-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--acxpa-ds-space-xs);
    margin: 2px 0 0;
    padding-top: var(--acxpa-ds-space-sm);
    border-top: 1px solid var(--mbrta-accent);
    flex-shrink: 0;
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--mbrta-accent);
}
.mbrta-card__chevron-wrap::before { content: 'Details'; }
.mbrta-card__top-btn[aria-expanded="true"] .mbrta-card__chevron-wrap::before { content: 'Close'; }
.mbrta-card__top-btn:hover .mbrta-card__chevron-wrap { color: var(--acxpa-ds-ink); }
/* 24px chevron disc is drawn geometry, not reading size. */
.mbrta-card__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: none;
    border-radius: 50%;
    background: var(--acxpa-ds-bg);
    color: var(--mbrta-accent);
    transition: transform .25s ease;
}
.mbrta-card__chevron svg { width: 16px; height: 16px; }
.mbrta-card__top-btn[aria-expanded="true"] .mbrta-card__chevron { transform: rotate(180deg); }

.mbrta-card--locked .mbrta-card__top { position: relative; }
.mbrta-card--locked .mbrta-card__title { color: var(--acxpa-ds-ink); }

.mbrta-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--acxpa-ds-space-sm);
    max-height: 0;
    padding: 0 var(--acxpa-ds-space-md);
    border-top: 1px solid var(--mbrta-accent);
    background: var(--acxpa-ds-bg);
    overflow: hidden;
    transition: max-height .35s ease, padding .25s ease;
}
.mbrta-card__body.is-open { max-height: 1200px; padding: var(--acxpa-ds-space-md); }
.mbrta-card__excerpt {
    flex-grow: 1;
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}
.mbrta-card__access-copy {
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
    text-align: center;
}
.mbrta-card__speakers { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--acxpa-ds-space-xs); }
.mbrta-speaker-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--acxpa-ds-space-2xs) var(--acxpa-ds-space-sm);
    border: 1px solid var(--acxpa-ds-teal-500);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-bg-subtle);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 700;
    line-height: 1.2;
    color: var(--acxpa-ds-teal-700);
    cursor: pointer;
    transition: background-color .12s, border-color .12s, color .12s, transform .12s;
}
.mbrta-speaker-tag:hover {
    background: var(--acxpa-ds-teal-700);
    border-color: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark);
    transform: translateY(-1px);
}
.mbrta-speaker-tag:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrta-speaker-tag__role { font-weight: 400; opacity: .7; }

.mbrta-card__keywords {
    margin-top: var(--acxpa-ds-space-xs);
    font-size: var(--acxpa-ds-text-caption);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}
.mbrta-keyword-tag { color: var(--acxpa-ds-text-muted); }
.mbrta-keyword-tag--match {
    color: var(--acxpa-ds-warning-deep);
    font-weight: 700;
    background: var(--acxpa-ds-gold-tint);
    border-radius: var(--acxpa-ds-radius-sm);
    padding: 0 3px;
}

.mbrta-card__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--acxpa-ds-space-xs);
    margin-top: auto;
    text-align: center;
}
.mbrta-card__actions .mbrta-btn,
.mbrta-card__actions .mbrta-btn-secondary {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrta-card__actions .mbrta-btn:hover,
.mbrta-card__actions .mbrta-btn-secondary:hover {
    background: var(--acxpa-ds-teal-900);
    border-color: var(--acxpa-ds-teal-900);
}
.mbrta-card--featured .mbrta-card__actions .mbrta-btn {
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    border-color: var(--acxpa-ds-gold-deep);
}
.mbrta-card--featured .mbrta-card__actions .mbrta-btn:hover { filter: brightness(.92); background: var(--acxpa-ds-gold); }
.mbrta-card__learn-more {
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 700;
    color: var(--acxpa-ds-link) !important;
    text-decoration: underline !important;
}
.mbrta-card__learn-more:hover { color: var(--acxpa-ds-link-hover) !important; }

.mbrta-empty-state__reset {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-teal-500);
    border-radius: var(--acxpa-ds-radius-md);
    background: var(--acxpa-ds-bg-subtle);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    color: var(--acxpa-ds-teal-700);
    cursor: pointer;
    transition: background .15s, color .15s;
}
.mbrta-empty-state__reset:hover { background: var(--acxpa-ds-teal-700); color: var(--acxpa-ds-text-on-dark); }

/* --------------------------------------------------------------------------
   Cross-library transcript search — dark panel
   -------------------------------------------------------------------------- */

.mbrta-transcript-section {
    position: relative;
    margin-top: var(--acxpa-ds-space-3xl);
    padding: var(--acxpa-ds-space-xl);
    border-radius: var(--acxpa-ds-radius-xl);
    background: var(--acxpa-ds-teal-900);
    box-shadow: var(--acxpa-ds-shadow-lg);
    overflow: hidden;
}
.mbrta-transcript-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--acxpa-ds-gold);
}
.mbrta-transcript-section__header { position: relative; z-index: 1; margin-bottom: var(--acxpa-ds-space-lg); }
.mbrta-transcript-section__title {
    margin: 0 0 var(--acxpa-ds-space-xs);
    font-size: var(--acxpa-ds-text-h2);
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--acxpa-ds-text-on-dark);
}
.mbrta-transcript-section__desc {
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted-on-dark);
}
.mbrta-transcript-controls {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-sm);
}
.mbrta-transcript-controls .mbrta-search-wrap { flex: 2 1 260px; min-width: 260px; display: flex; align-items: stretch; height: 48px; }
.mbrta-transcript-controls select.mbrta-filter-select { flex: 1 1 180px; min-width: 180px; max-width: 240px; }

#mbrta-transcript-results-wrap { position: relative; z-index: 1; margin-top: var(--acxpa-ds-space-lg); }
#mbrta-transcript-results-wrap .mbrta-search-results__title { color: var(--acxpa-ds-text-on-dark); }
#mbrta-transcript-results-wrap .mbrta-search-results__meta  { color: var(--acxpa-ds-text-muted-on-dark); }
#mbrta-transcript-results-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--acxpa-ds-space-sm); }
#mbrta-transcript-results-list.single-result { grid-template-columns: 1fr; max-width: 600px; }

.mbrta-search-results__title { color: var(--acxpa-ds-teal-700); }
.mbrta-search-results__meta { color: var(--acxpa-ds-text-muted); }

.mbrta-result-card {
    display: flex;
    flex-direction: column;
    gap: var(--acxpa-ds-space-xs);
    padding: var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-border-on-dark);
    border-radius: var(--acxpa-ds-radius-lg);
    background: var(--acxpa-ds-teal-800);
    transition: border-color .15s, background .15s;
}
.mbrta-result-card:hover { border-color: var(--acxpa-ds-gold); }
.mbrta-result-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--acxpa-ds-space-xs); }
.mbrta-result-card__bite { color: var(--acxpa-ds-text-muted-on-dark); font-weight: 700; padding-top: 2px; }
.mbrta-result-card__speaker {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    width: fit-content;
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    color: var(--acxpa-ds-gold);
}
.mbrta-result-card__snippet {
    flex: 1;
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-on-dark);
}
.mbrta-result-card__actions { margin-top: var(--acxpa-ds-space-2xs); }
.mbrta-result-card .mbrta-btn-primary {
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-md);
    background: var(--acxpa-ds-bg);
    border-color: var(--acxpa-ds-bg);
    color: var(--acxpa-ds-teal-900) !important;
    font-size: var(--acxpa-ds-text-caption);
}
.mbrta-result-card .mbrta-btn-primary:hover {
    background: var(--acxpa-ds-gold);
    border-color: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
}
.mbrta-result-card .mbrta-btn:focus-visible { outline-color: var(--acxpa-ds-focus-on-dark); }

/* Anchor targets clear the sticky header. */
.mbrta-cat-section,
#mbrta-transcript-section,
#mbrta-bite-grid,
#mbrta-bottom-cta { scroll-margin-top: var(--acxpa-anchor-offset, 160px); }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
    .mbrta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mbrta-featured__banner { padding: var(--acxpa-ds-space-md) var(--acxpa-ds-space-lg); }
}
@media (max-width: 860px) {
    .mbrta-transcript-section { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md); }
    #mbrta-transcript-results-list { grid-template-columns: 1fr; }
    .mbrta-featured__body { padding: var(--acxpa-ds-space-lg); }
}
@media (max-width: 700px) {
    .mbrta-grid { grid-template-columns: 1fr; }
    .mbrta-hero { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md); }
    .mbrta-filters { gap: var(--acxpa-ds-space-xs); }
    select.mbrta-filter-select { min-width: 0; flex: 1; }
    .mbrta-filter-count { display: none; }
    .mbrta-transcript-controls { flex-direction: column; align-items: stretch; }
    .mbrta-transcript-controls select.mbrta-filter-select { max-width: none; }
}