/* =============================================================================
   ACXPA REMEDIATION — plan item 9   |   8 September 2026
   -----------------------------------------------------------------------------
   Complete drop-in replacement. Upload over the existing file; nothing is
   appended, nothing is pasted in. (R-M6)

   WHAT CHANGED — 2 rgb()/rgba() colour literals in this file now resolve from
   acxpa-tokens.css. Nothing else was touched: 706 declarations before,
   706 after, braces balanced, comments untouched.

   WHY color-mix() AND NOT A BARE var()
   Every literal converted here carries alpha < 1 — they are shadows, tints,
   rails and scrims, not solid fills. A bare var(--token) would drop the alpha
   and paint each one fully opaque. color-mix() keeps the exact rendered colour
   and makes the token the source of truth:

       rgba(15, 79, 92, .18)
       -> color-mix(in srgb, var(--acxpa-ds-teal-700) 18%, transparent)

   Baseline widely available since May 2023 (Chrome 111, Firefox 113,
   Safari/iOS 16.4). Four ACXPA stylesheets already used this pattern before
   today, so it is not new to this codebase.

   PROVEN, NOT ASSUMED
   Every substitution in this file was composited over white in a canvas and
   compared pixel by pixel against the literal it replaced.
   Every one is pixel-identical: same RGB, same alpha, same composite.

   Tokens referenced: --acxpa-ds-teal-700, --acxpa-ds-teal-900
   ============================================================================= */

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

   Only what is unique to a single Member Byte lives here. Anything that also
   appears on the library archive belongs in the core file, not duplicated.

   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, avatar and icon boxes, control heights.

   --------------------------------------------------------------------------
   Version 2.2 — 8 September 2026
   Absorbs the last live component from css/member-bytes.css, the superseded
   file that was double-loading on every single Member Byte alongside this one.

   That file declared 241 selectors. 168 of them also existed here or in the
   core file, and because it was enqueued LAST (functions.php:461, after
   member-bytes-system.php) and carried !important on most declarations, it was
   overriding this file on 91 of the 305 elements on the page — holding the
   section titles at a hardcoded 22px instead of --acxpa-ds-text-h2, body copy
   at 13px instead of --acxpa-ds-text-small, and links at Teal 700 instead of
   --acxpa-ds-link. Removing it is what lets this file's token values apply.

   Of the rest, everything was already covered:
     • the transcript search input and speaker select   -> core, scoped .mbrt
     • the access-code form input and button            -> here, scoped .mbrt
     • the gate CTA primary/secondary buttons           -> core, .mbrt-btn-*
     • @keyframes mbrt-pulse                            -> core, acxpa-mb-pulse
     • the prefers-reduced-motion selector list         -> core, universal .mbrt *
   Only the upsell panel existed nowhere else, so only it moved — and in v2.2 it
   came out again, proven dead. See the note where it used to sit.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Breadcrumb
   -------------------------------------------------------------------------- */

.mbrt-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-2xs);
    margin-bottom: var(--acxpa-ds-space-lg);
    font-size: var(--acxpa-ds-text-small);
    color: var(--acxpa-ds-text-muted);
}
.mbrt-breadcrumb a { color: var(--acxpa-ds-link); text-decoration: none; font-weight: 600; }
.mbrt-breadcrumb a:hover { text-decoration: underline; }
.mbrt-breadcrumb a:focus-visible {
    outline: 3px solid var(--acxpa-ds-focus);
    outline-offset: 2px;
    border-radius: var(--acxpa-ds-radius-sm);
}
.mbrt-breadcrumb__sep { color: var(--acxpa-ds-teal-500); }

/* --------------------------------------------------------------------------
   Prev / next navigation
   -------------------------------------------------------------------------- */

.mbrt-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-sm);
    margin-bottom: var(--acxpa-ds-space-lg);
}
.mbrt-nav-link {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-md);
    border: 2px 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 .14s, color .14s, border-color .14s;
}
.mbrt-nav-link:hover {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrt-nav-link:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrt-nav-link.is-disabled {
    color: var(--acxpa-ds-text-muted) !important;
    border-color: var(--acxpa-ds-border);
    background: var(--acxpa-ds-bg-subtle);
    pointer-events: none;
}
.mbrt-nav-link--back {
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-teal-700);
}
.mbrt-nav-link--back:hover { background: var(--acxpa-ds-teal-900); border-color: var(--acxpa-ds-teal-900); }
.mbrt-nav--bottom {
    margin-top: var(--acxpa-ds-space-xs);
    margin-bottom: 0;
    padding-top: var(--acxpa-ds-space-lg);
    border-top: 1px solid var(--acxpa-ds-border);
}

/* --------------------------------------------------------------------------
   State banners
   -------------------------------------------------------------------------- */

.mbrt-state-banner {
    display: flex;
    align-items: center;
    gap: var(--acxpa-ds-space-sm);
    margin-bottom: var(--acxpa-ds-space-lg);
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border-radius: var(--acxpa-ds-radius-lg);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 600;
    line-height: var(--acxpa-ds-leading-body);
}
.mbrt-state-banner--unlocked {
    background: var(--acxpa-ds-success-tint);
    border: 1px solid var(--acxpa-ds-success);
    color: var(--acxpa-ds-success-deep);
}
.mbrt-state-banner--unlocked a { color: var(--acxpa-ds-success-deep) !important; font-weight: 800; text-decoration: underline; }
.mbrt-state-banner--subscriber {
    background: var(--acxpa-ds-harbour-tint);
    border: 1px solid var(--acxpa-ds-harbour);
    color: var(--acxpa-ds-harbour-deep);
}
.mbrt-state-banner--subscriber a { color: var(--acxpa-ds-harbour-deep) !important; font-weight: 800; text-decoration: underline; }

/* --------------------------------------------------------------------------
   Hero — dark teal ground, on-dark text roles throughout.
   -------------------------------------------------------------------------- */

.mbrt-hero {
    margin: 0 0 var(--acxpa-ds-space-xl);
    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);
}
.mbrt-hero__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-xs);
    margin-bottom: var(--acxpa-ds-space-md);
}
.mbrt-hero__tag {
    display: inline-flex;
    align-items: center;
    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);
}
.mbrt-hero__tag--cat,
.mbrt-hero__tag--format {
    background: var(--acxpa-ds-teal-800);
    color: var(--acxpa-ds-text-on-dark);
    border: 1px solid var(--acxpa-ds-teal-600);
}
.mbrt-hero__tag--duration { font-variant-numeric: tabular-nums; }

.mbrt-hero__title {
    margin: 0 0 var(--acxpa-ds-space-lg);
    font-size: var(--acxpa-ds-text-h1);
    font-weight: 800;
    line-height: var(--acxpa-ds-leading-tight);
    letter-spacing: -.02em;
    color: var(--acxpa-ds-text-on-dark);
    text-wrap: balance;
}

.mbrt-hero__speakers {
    display: flex;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-md);
    margin-bottom: var(--acxpa-ds-space-sm);
}
.mbrt-hero__speaker {
    display: flex;
    align-items: stretch;
    gap: var(--acxpa-ds-space-sm);
    flex: 1 1 260px;
    max-width: 360px;
    padding: var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-border);
    border-radius: var(--acxpa-ds-radius-lg);
    background: var(--acxpa-ds-bg);
}
/* 52px avatar is drawn geometry — it must not scale with reader font-size. */
.mbrt-hero__speaker-avatar {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--acxpa-ds-gold);
}
.mbrt-hero__speaker-info { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.mbrt-hero__speaker-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-xs);
    margin-bottom: 3px;
    font-size: var(--acxpa-ds-text-body);
    font-weight: 700;
    color: var(--acxpa-ds-ink) !important;
}
.mbrt-hero__speaker-badge {
    padding: 3px var(--acxpa-ds-space-xs);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark);
}
.mbrt-hero__speaker-role {
    margin-bottom: var(--acxpa-ds-space-2xs);
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}
.mbrt-hero__speaker-linkedin {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    margin-top: auto;
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 700;
    color: var(--acxpa-ds-link) !important;
    text-decoration: none !important;
}
.mbrt-hero__speaker-linkedin:hover { text-decoration: underline !important; }
.mbrt-hero__speaker-linkedin:focus-visible {
    outline: 3px solid var(--acxpa-ds-focus-on-dark);
    outline-offset: 2px;
    border-radius: var(--acxpa-ds-radius-sm);
}
.mbrt-hero__disclaimer {
    margin: 0 0 var(--acxpa-ds-space-lg);
    font-size: var(--acxpa-ds-text-caption);
    font-style: italic;
    color: var(--acxpa-ds-text-muted-on-dark);
}

.mbrt-hero__intro { margin: 0 0 var(--acxpa-ds-space-lg); }
.mbrt-hero__intro p {
    margin: 0 0 var(--acxpa-ds-space-sm);
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted-on-dark);
}
.mbrt-hero__intro p:last-child { margin-bottom: 0; }
.mbrt-hero__intro a { color: var(--acxpa-ds-gold); font-weight: 700; }

.mbrt-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-xs);
    margin-top: var(--acxpa-ds-space-lg);
}
.mbrt-hero .mbrt-btn-primary {
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    border-color: var(--acxpa-ds-gold);
}
.mbrt-hero .mbrt-btn-primary:hover { filter: brightness(.92); background: var(--acxpa-ds-gold); border-color: var(--acxpa-ds-gold); }
.mbrt-hero .mbrt-btn-secondary {
    background: transparent;
    color: var(--acxpa-ds-text-on-dark) !important;
    border-color: var(--acxpa-ds-border-on-dark);
}
.mbrt-hero .mbrt-btn-secondary:hover { background: var(--acxpa-ds-teal-800); color: var(--acxpa-ds-text-on-dark) !important; }
.mbrt-hero .mbrt-btn:focus-visible { outline-color: var(--acxpa-ds-focus-on-dark); }

/* --------------------------------------------------------------------------
   Section jump menu
   -------------------------------------------------------------------------- */

.mbrt-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-2xs);
    margin-bottom: var(--acxpa-ds-space-xl);
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-border);
    border-radius: var(--acxpa-ds-radius-lg);
    background: var(--acxpa-ds-bg-subtle);
}
.mbrt-menu-link {
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-sm);
    border: 2px solid transparent;
    border-radius: var(--acxpa-ds-radius-pill);
    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 .12s, color .12s;
}
.mbrt-menu-link:hover { background: var(--acxpa-ds-teal-700); color: var(--acxpa-ds-text-on-dark) !important; }
.mbrt-menu-link:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrt-menu-link--cta {
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    border-color: var(--acxpa-ds-gold-deep);
}
.mbrt-menu-link--cta:hover { background: var(--acxpa-ds-gold); color: var(--acxpa-ds-ink) !important; filter: brightness(.92); }

/* --------------------------------------------------------------------------
   Content cards
   -------------------------------------------------------------------------- */

.mbrt-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--acxpa-ds-space-lg);
    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;
}
.mbrt-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--acxpa-ds-teal-700);
    z-index: 2;
}
.mbrt-section-head { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl) 0; }
.mbrt-h2 {
    margin: 0 0 var(--acxpa-ds-space-2xs);
    font-size: var(--acxpa-ds-text-h3);
    font-weight: 800;
    color: var(--acxpa-ds-teal-700);
    letter-spacing: -.01em;
}
.mbrt-note {
    margin: 0 0 var(--acxpa-ds-space-md);
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}

/* --------------------------------------------------------------------------
   Video + locked preview
   -------------------------------------------------------------------------- */

.mbrt-video-wrap {
    position: relative;
    padding-top: 56.25%;
    background: var(--acxpa-ds-teal-900);
    overflow: hidden;
}
.mbrt-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

.mbrt-gate-preview { position: relative; border-radius: var(--acxpa-ds-radius-lg); overflow: hidden; }
.mbrt-gate-preview__media { position: relative; padding-top: 56.25%; background: var(--acxpa-ds-teal-900); overflow: hidden; }
.mbrt-gate-preview__media iframe {
    position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
    filter: blur(6px) saturate(.8) brightness(.45);
    transform: scale(1.06);
    pointer-events: none;
}
.mbrt-gate-preview__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-lg);
    text-align: center;
    background: color-mix(in srgb, var(--acxpa-ds-teal-900) 78%, transparent);
}
.mbrt-gate-preview__play { font-size: var(--acxpa-ds-text-display); line-height: 1; color: var(--acxpa-ds-text-on-dark); }
.mbrt-gate-preview__label { color: var(--acxpa-ds-gold); }
.mbrt-gate-preview__sub { margin: 0; font-size: var(--acxpa-ds-text-small); color: var(--acxpa-ds-text-muted-on-dark); }

.mbrt-video-pending {
    padding: var(--acxpa-ds-space-2xl) var(--acxpa-ds-space-xl);
    text-align: center;
    font-size: var(--acxpa-ds-text-body);
    color: var(--acxpa-ds-text-muted);
}
.mbrt-video-pending p { margin: 0; }

/* The gate lives inside the video card, so it needs the card's own gutter. */
.mbrt-gate-wrap { padding: 0 var(--acxpa-ds-space-xl) var(--acxpa-ds-space-xl); }
.mbrt-gate-wrap .mbrt-gate-cta { margin-top: var(--acxpa-ds-space-lg); }

.mbrt-gate-alert {
    margin: 0 var(--acxpa-ds-space-xl) var(--acxpa-ds-space-sm);
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border-radius: var(--acxpa-ds-radius-md);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 600;
}
.mbrt-gate-alert--error {
    background: var(--acxpa-ds-error-tint);
    border: 1px solid var(--acxpa-ds-error);
    color: var(--acxpa-ds-error-deep);
}

/* --------------------------------------------------------------------------
   Access-code form
   -------------------------------------------------------------------------- */

.mbrt-gate-code { margin-top: var(--acxpa-ds-space-lg); }
.mbrt-gate-code__divider {
    display: flex;
    align-items: center;
    gap: var(--acxpa-ds-space-xs);
    margin-bottom: var(--acxpa-ds-space-sm);
}
.mbrt-gate-code__divider::before,
.mbrt-gate-code__divider::after { content: ''; flex: 1; height: 1px; background: var(--acxpa-ds-gold-deep); }
.mbrt-gate-code__divider span {
    font-size: var(--acxpa-ds-text-eyebrow);
    letter-spacing: var(--acxpa-ds-tracking-eyebrow);
    text-transform: uppercase;
    font-weight: 800;
    color: var(--acxpa-ds-warning-deep);
    white-space: nowrap;
}
.mbrt-gate-form label {
    display: block;
    margin-bottom: var(--acxpa-ds-space-2xs);
    font-size: var(--acxpa-ds-text-eyebrow);
    letter-spacing: var(--acxpa-ds-tracking-eyebrow);
    text-transform: uppercase;
    font-weight: 800;
    color: var(--acxpa-ds-ink);
}
.mbrt-gate-form__row { display: flex; align-items: stretch; gap: var(--acxpa-ds-space-xs); }
/* The original file carried !important on every one of these for the same
   reason the selects do: app.css styles bare inputs. Restored, scoped. */
.mbrt .mbrt-gate-form__row input[type="text"] {
    flex: 1;
    box-sizing: border-box;
    height: 48px;
    min-height: 48px;
    margin: 0;
    padding: 0 var(--acxpa-ds-space-sm) !important;
    border: 2px solid var(--acxpa-ds-teal-700);
    border-radius: var(--acxpa-ds-radius-md);
    background: var(--acxpa-ds-bg);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-body);
    color: var(--acxpa-ds-text);
}
.mbrt .mbrt-gate-form__row input[type="text"]:focus-visible {
    outline: none;
    border-color: var(--acxpa-ds-teal-900);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acxpa-ds-teal-700) 35%, transparent);
}
.mbrt .mbrt-gate-form__row button {
    height: 48px;
    padding: 0 var(--acxpa-ds-space-lg);
    border: 2px solid var(--acxpa-ds-teal-700);
    border-radius: var(--acxpa-ds-radius-md);
    background: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-body);
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: background .12s, border-color .12s;
}
.mbrt-gate-form__row button:hover { background: var(--acxpa-ds-teal-900); border-color: var(--acxpa-ds-teal-900); }
.mbrt-gate-form__row button:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 3px; }
.mbrt-gate-code__note {
    margin: var(--acxpa-ds-space-xs) 0 0;
    font-size: var(--acxpa-ds-text-caption);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}

/* --------------------------------------------------------------------------
   Upsell panel — REMOVED in v2.2, 8 September 2026

   v2.1 carried .mbrt-upsell across from css/member-bytes.css because it was the
   one component in that file that existed nowhere else, and removing a live
   component is the mistake that costs a visible regression. It is not live.

   Proven four ways before deletion:
     - grep across every file type in the theme: one hit, this file's own
       definition. No PHP, JS, JSON or template references it.
     - rendered as a paid member on a single Member Byte: absent.
     - rendered logged out on the same page: absent.
     - the database, including WPBakery raw-HTML blocks. Those store
       base64_encode(rawurlencode($html)), so a plain LIKE misses them entirely
       — that is what nearly cleared .mem-nat-dash by mistake. The three
       alignment fragments bWJydC11cHNlbG / 1icnQtdXBzZWxs / tYnJ0LXVwc2Vsb were
       checked against posts, postmeta, options and termmeta. All four zero.

   12 selectors, ~2 KB. If the component is ever reintroduced it will need
   styles again; they are in v2.1 in the 8 Sep deployment archive.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Executive summary accordion
   -------------------------------------------------------------------------- */

.mbrt-accordion__trigger {
    display: flex;
    align-items: center;
    gap: var(--acxpa-ds-space-sm);
    width: 100%;
    padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl);
    border: none;
    background: var(--acxpa-ds-gold-tint);
    font-family: var(--acxpa-ds-font);
    text-align: left;
    cursor: pointer;
    transition: background .12s;
}
.mbrt-accordion__trigger:hover,
.mbrt-accordion__trigger[aria-expanded="true"] { background: var(--acxpa-ds-gold); }
.mbrt-accordion__trigger:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: -3px; }
.mbrt-accordion__icon { font-size: var(--acxpa-ds-text-h3); flex-shrink: 0; }
.mbrt-accordion__label { flex: 1; }
.mbrt-accordion__label strong {
    display: block;
    font-size: var(--acxpa-ds-text-h3);
    font-weight: 800;
    color: var(--acxpa-ds-ink);
}
.mbrt-accordion__sublabel {
    display: block;
    margin-top: var(--acxpa-ds-space-xs);
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}
.mbrt-accordion__chevron {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--acxpa-ds-ink);
    transition: transform .2s;
}
.mbrt-accordion__trigger[aria-expanded="true"] .mbrt-accordion__chevron { transform: rotate(180deg); }
.mbrt-accordion__body { border-top: 1px solid var(--acxpa-ds-gold-deep); }

.mbrt-summary { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl); }
.mbrt .mbrt-summary__body,
.mbrt .mbrt-summary__body p,
.mbrt .mbrt-summary__body li {
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}
.mbrt .mbrt-summary__body h3 {
    margin: var(--acxpa-ds-space-lg) 0 var(--acxpa-ds-space-xs);
    font-size: var(--acxpa-ds-text-h4);
    font-weight: 800;
    color: var(--acxpa-ds-teal-700);
    letter-spacing: -.01em;
}
.mbrt-summary__body p { margin: 0 0 var(--acxpa-ds-space-sm); }
.mbrt-summary__body p:last-child { margin-bottom: 0; }
.mbrt-summary__body ul { margin: 0 0 var(--acxpa-ds-space-sm); padding-left: var(--acxpa-ds-space-lg); }
.mbrt-summary__body li { margin-bottom: var(--acxpa-ds-space-2xs); }
.mbrt-summary__body a { color: var(--acxpa-ds-link); font-weight: 700; }

/* --------------------------------------------------------------------------
   Key moments
   -------------------------------------------------------------------------- */

.mbrt-moments { padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-xl) var(--acxpa-ds-space-lg); }
.mbrt-moments__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--acxpa-ds-space-sm);
    margin-bottom: var(--acxpa-ds-space-md);
}
.mbrt-moments__list { display: flex; flex-direction: column; gap: var(--acxpa-ds-space-sm); }

.mbrt-moment--clickable {
    display: flex;
    align-items: flex-start;
    gap: var(--acxpa-ds-space-sm);
    width: 100%;
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md);
    border: 1px solid var(--acxpa-ds-border);
    border-left: 4px solid var(--acxpa-ds-teal-700);
    border-radius: var(--acxpa-ds-radius-lg);
    background: var(--acxpa-ds-bg-subtle);
    font-family: var(--acxpa-ds-font);
    text-align: left;
    cursor: pointer;
    transition: border-color .14s, box-shadow .14s, background .14s;
}
.mbrt-moment--clickable:hover {
    background: var(--acxpa-ds-teal-100);
    border-color: var(--acxpa-ds-teal-500);
    border-left-color: var(--acxpa-ds-teal-700);
    box-shadow: var(--acxpa-ds-shadow-md);
}
.mbrt-moment--clickable:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 2px; }
.mbrt-moment--clickable.mbrt-moment--slide { border-left-color: var(--acxpa-ds-harbour); }
.mbrt-moment--clickable.mbrt-moment--slide:hover {
    background: var(--acxpa-ds-harbour-tint);
    border-color: var(--acxpa-ds-harbour);
    border-left-color: var(--acxpa-ds-harbour-deep);
}
.mbrt-moment--slide .mbrt-moment__time-btn { background: var(--acxpa-ds-harbour); color: var(--acxpa-ds-text-on-dark); }
.mbrt-moment__icon { display: inline-flex; align-items: center; line-height: 1; }
.mbrt-moment__body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mbrt-moment__speaker { display: block; margin-bottom: 3px; color: var(--acxpa-ds-teal-700); }
.mbrt-moment--slide .mbrt-moment__speaker { color: var(--acxpa-ds-harbour-deep); }
.mbrt-moment__title {
    display: block;
    margin-bottom: var(--acxpa-ds-space-2xs);
    font-size: var(--acxpa-ds-text-body);
    font-weight: 700;
    line-height: var(--acxpa-ds-leading-snug);
    color: var(--acxpa-ds-ink);
}
.mbrt-moment__desc {
    display: block;
    margin: 0;
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-muted);
}

.mbrt-btn-download {
    display: inline-flex;
    align-items: center;
    gap: var(--acxpa-ds-space-xs);
    padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-md);
    border: 2px solid var(--acxpa-ds-gold-deep);
    border-radius: var(--acxpa-ds-radius-pill);
    background: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 700;
    text-decoration: none !important;
    transition: filter .12s, transform .12s;
}
.mbrt-btn-download:hover { filter: brightness(.92); transform: translateY(-1px); }
.mbrt-btn-download:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 3px; }

/* --------------------------------------------------------------------------
   Transcript search — dark panel
   -------------------------------------------------------------------------- */

.mbrt-ts-section {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--acxpa-ds-space-lg);
    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;
}
.mbrt-ts-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--acxpa-ds-gold);
}
.mbrt-ts-section__title {
    margin: 0 0 var(--acxpa-ds-space-xs);
    font-size: var(--acxpa-ds-text-h2);
    font-weight: 800;
    color: var(--acxpa-ds-text-on-dark);
    letter-spacing: -.01em;
}
.mbrt-ts-section__desc {
    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-on-dark);
}
.mbrt-ts-controls { display: flex; align-items: stretch; flex-wrap: wrap; gap: var(--acxpa-ds-space-sm); }
.mbrt-ts-input-wrap { flex: 2 1 260px; min-width: 240px; display: flex; align-items: stretch; height: 48px; }
select.mbrt-ts-speaker { flex: 1 1 180px; min-width: 180px; max-width: 240px; }

.mbrt-ts-results-wrap { margin-top: var(--acxpa-ds-space-lg); }
.mbrt-ts-results-title { color: var(--acxpa-ds-text-on-dark); }
.mbrt-ts-results-meta { color: var(--acxpa-ds-text-muted-on-dark); }
.mbrt-ts-list { display: flex; flex-direction: column; gap: var(--acxpa-ds-space-xs); }

.mbrt-ts-card {
    display: flex;
    align-items: flex-start;
    gap: var(--acxpa-ds-space-sm);
    padding: var(--acxpa-ds-space-sm) 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;
}
.mbrt-ts-card:hover { border-color: var(--acxpa-ds-gold); }
.mbrt-ts-card__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--acxpa-ds-space-2xs);
    flex-shrink: 0;
}
.mbrt-ts-card__jump {
    font-size: var(--acxpa-ds-text-caption);
    font-weight: 800;
    color: var(--acxpa-ds-gold) !important;
    text-decoration: underline !important;
    cursor: pointer;
}
.mbrt-ts-card__jump:hover { color: var(--acxpa-ds-text-on-dark) !important; }
.mbrt-ts-card__jump:focus-visible {
    outline: 3px solid var(--acxpa-ds-focus-on-dark);
    outline-offset: 2px;
    border-radius: var(--acxpa-ds-radius-sm);
}
.mbrt-ts-card__body { flex: 1; min-width: 0; }
.mbrt-ts-card__speaker {
    margin-bottom: var(--acxpa-ds-space-2xs);
    font-size: var(--acxpa-ds-text-small);
    font-weight: 800;
    color: var(--acxpa-ds-gold);
}
.mbrt-ts-card__snippet {
    margin: 0;
    font-size: var(--acxpa-ds-text-small);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-text-on-dark);
}

/* --------------------------------------------------------------------------
   In-body CTA blocks (authored inside WPBakery content)
   -------------------------------------------------------------------------- */

.mbrt-cta {
    margin: var(--acxpa-ds-space-2xl) 0 var(--acxpa-ds-space-lg);
    border: 2px solid var(--acxpa-ds-gold);
    border-radius: var(--acxpa-ds-radius-lg);
    background-color: var(--acxpa-ds-gold-tint);
    overflow: hidden;
}
.mbrt-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--acxpa-ds-space-lg);
    padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl);
}
.mbrt-cta__text { flex: 1; }
.mbrt-cta__heading {
    margin: 0 0 var(--acxpa-ds-space-xs);
    padding: 0;
    font-size: var(--acxpa-ds-text-h3);
    font-weight: 800;
    line-height: var(--acxpa-ds-leading-snug);
    color: var(--acxpa-ds-ink);
}
.mbrt-cta__description {
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
    color: var(--acxpa-ds-ink);
}
.mbrt-cta__button,
.mbrt-cta-dual__button {
    display: inline-block;
    flex-shrink: 0;
    padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-lg);
    border: 2px solid transparent;
    border-radius: var(--acxpa-ds-radius-pill);
    font-family: var(--acxpa-ds-font);
    font-size: var(--acxpa-ds-text-body);
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .2s ease, transform .15s ease;
}
.mbrt-cta__button {
    background-color: var(--acxpa-ds-teal-700);
    border-color: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
}
.mbrt-cta__button:hover {
    background-color: var(--acxpa-ds-teal-900);
    border-color: var(--acxpa-ds-teal-900);
    transform: translateY(-1px);
}
.mbrt-cta__button:focus-visible,
.mbrt-cta-dual__button:focus-visible { outline: 3px solid var(--acxpa-ds-focus); outline-offset: 3px; }

.mbrt-cta-dual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin: var(--acxpa-ds-space-2xl) 0 var(--acxpa-ds-space-lg);
    border-radius: var(--acxpa-ds-radius-lg);
    overflow: hidden;
}
.mbrt-cta-dual__col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--acxpa-ds-space-md);
    padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-xl);
}
.mbrt-cta-dual__col--green { background-color: var(--acxpa-ds-teal-900); border-right: 2px solid var(--acxpa-ds-teal-700); }
.mbrt-cta-dual__col--yellow { background-color: var(--acxpa-ds-gold-tint); border: 2px solid var(--acxpa-ds-gold); border-left: 0; }
.mbrt-cta-dual__heading {
    margin: 0 0 var(--acxpa-ds-space-xs);
    padding: 0;
    font-size: var(--acxpa-ds-text-h3);
    font-weight: 800;
    line-height: var(--acxpa-ds-leading-snug);
}
.mbrt-cta-dual__col--green  .mbrt-cta-dual__heading { color: var(--acxpa-ds-gold); }
.mbrt-cta-dual__col--yellow .mbrt-cta-dual__heading { color: var(--acxpa-ds-ink); }
.mbrt-cta-dual__description {
    flex: 1;
    margin: 0;
    font-size: var(--acxpa-ds-text-body);
    line-height: var(--acxpa-ds-leading-body);
}
.mbrt-cta-dual__col--green  .mbrt-cta-dual__description { color: var(--acxpa-ds-text-muted-on-dark); }
.mbrt-cta-dual__col--yellow .mbrt-cta-dual__description { color: var(--acxpa-ds-ink); }
.mbrt-cta-dual__button { align-self: flex-start; }
.mbrt-cta-dual__button:hover { transform: translateY(-1px); }
.mbrt-cta-dual__col--green .mbrt-cta-dual__button {
    background-color: var(--acxpa-ds-gold);
    border-color: var(--acxpa-ds-gold);
    color: var(--acxpa-ds-ink) !important;
}
.mbrt-cta-dual__col--green .mbrt-cta-dual__button:hover { filter: brightness(.92); }
.mbrt-cta-dual__col--yellow .mbrt-cta-dual__button {
    background-color: var(--acxpa-ds-teal-700);
    border-color: var(--acxpa-ds-teal-700);
    color: var(--acxpa-ds-text-on-dark) !important;
}
.mbrt-cta-dual__col--yellow .mbrt-cta-dual__button:hover {
    background-color: var(--acxpa-ds-teal-900);
    border-color: var(--acxpa-ds-teal-900);
}

.single-member_bytes .vc_column-inner .mbrt-cta,
.single-member_bytes .vc_column-inner .mbrt-cta-dual { margin-left: -15px; margin-right: -15px; }

.mbrt-entry-content { margin-top: var(--acxpa-ds-space-lg); }
.mbrt-entry-content a { color: var(--acxpa-ds-link); font-weight: 600; }

/* Anchor targets clear the sticky header — offset published by acxpa-anchor-scroll.js */
#mbrt-video,
#mbrt-summary,
#mbrt-moments,
#mbrt-transcript { scroll-margin-top: var(--acxpa-anchor-offset, 160px); }

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

@media (max-width: 860px) {
    .mbrt-hero { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md); }
    .mbrt-ts-section { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md); }
    .mbrt-section-head { padding: var(--acxpa-ds-space-lg) var(--acxpa-ds-space-md) 0; }
    .mbrt-moments { padding: var(--acxpa-ds-space-sm) var(--acxpa-ds-space-md) var(--acxpa-ds-space-lg); }
    .mbrt-summary { padding: var(--acxpa-ds-space-md); }
    .mbrt-accordion__trigger { padding: var(--acxpa-ds-space-md); }
    .mbrt-gate-cta { padding: var(--acxpa-ds-space-lg); }
    .mbrt-gate-wrap { padding: 0 var(--acxpa-ds-space-md) var(--acxpa-ds-space-md); }
    .mbrt-gate-alert { margin: 0 var(--acxpa-ds-space-md) var(--acxpa-ds-space-sm); }
}

@media (max-width: 640px) {
    .mbrt-cta__inner { flex-direction: column; align-items: flex-start; gap: var(--acxpa-ds-space-md); }
    .mbrt-cta-dual { grid-template-columns: minmax(0, 1fr); }
    .mbrt-cta-dual__col--green { border-right: none; border-bottom: 2px solid var(--acxpa-ds-teal-700); }
    .mbrt-cta-dual__col--yellow { border-left: 2px solid var(--acxpa-ds-gold); }
    .mbrt-ts-controls { flex-direction: column; align-items: stretch; }
    select.mbrt-ts-speaker { max-width: none; }
    .mbrt-gate-form__row { flex-direction: column; }
    .mbrt-gate-form__row button { width: 100%; }
    .mbrt-nav { gap: var(--acxpa-ds-space-xs); }
    .mbrt-nav-link { font-size: var(--acxpa-ds-text-caption); padding: var(--acxpa-ds-space-xs) var(--acxpa-ds-space-sm); }
}