/* extracted verbatim 2026-08-28 estate speed sweep. New content = new filename. */

    /* ============================================================
       MPB = MLB Prop Bets namespace — zero collision with master.
       Built entirely on the locked Site.Master tokens (electric-blue
       action, money-green for value, Geist UI / JetBrains Mono numbers).
       Order by purpose: PICKS first, upsell next, method/FAQ below.
       ============================================================ */

    .mpb-wrapper {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 1.5em 5% 2.5em;
        box-sizing: border-box;
        font-family: var(--ui);
    }

    /* --- BREADCRUMB --- */
    .mpb-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4em;
        align-items: center;
        margin-bottom: 1.4em;
        font-family: var(--mono);
        font-size: 0.72em;
        color: var(--ink-faint);
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }
    .mpb-breadcrumb a   { color: var(--ink-dim); text-decoration: none; transition: color 0.15s; }
    .mpb-breadcrumb a:hover { color: var(--action-hi); }
    .mpb-breadcrumb .sep { color: var(--line-strong); }

    /* --- POPULARITY WIDGET --- */
    .mpb-pop-wrap {
        background: var(--panel);
        padding: 0.4em;
        border-radius: 12px;
        border: 1px solid var(--line);
        margin-bottom: 1.5em;
    }

    /* --- HERO HEADER --- */
    .mpb-hero { margin-bottom: 1.5em; }
    .mpb-eyebrow {
        font-family: var(--mono);
        font-size: 0.7rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--action-hi);
        display: inline-flex;
        align-items: center;
        gap: 0.5em;
        margin-bottom: 0.7em;
    }
    .mpb-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--model); box-shadow: 0 0 8px var(--model); }
    .mpb-h1 {
        font-family: var(--display);
        font-size: clamp(1.7rem, 4.2vw, 2.6rem);
        font-weight: 800;
        color: var(--ink);
        letter-spacing: -0.025em;
        line-height: 1.08;
        margin: 0 0 0.45em;
        text-wrap: balance;
    }
    .mpb-h1 .mpb-accent { background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
    .mpb-h1 .mpb-edge-word { color: var(--model); }
    .mpb-desc {
        font-size: clamp(0.98rem, 1.6vw, 1.08rem);
        color: var(--ink-dim);
        max-width: 720px;
        line-height: 1.6;
        margin: 0 0 1.25em;
    }
    .mpb-desc strong { color: var(--ink); }

    /* Proof + CTA strip directly under the H1 — credibility next to intent */
    .mpb-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75em; align-items: center; }
    .mpb-hero-actions .bb-proof { min-height: 44px; }
    .mpb-jump {
        display: inline-flex; align-items: center; gap: 0.5em;
        min-height: 44px; padding: 0 1.1em;
        border-radius: 12px;
        background: var(--accent-grad); color: #fff;
        font-family: var(--ui); font-weight: 600; font-size: 0.95rem;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 26px -7px var(--accent-glow);
        transition: 0.18s;
    }
    .mpb-jump:hover { filter: brightness(1.07); transform: translateY(-1px); }

    /* --- SECTION HEADING (above the picks grid) --- */
    .mpb-rail {
        display: flex; align-items: baseline; justify-content: space-between;
        flex-wrap: wrap; gap: 0.5em;
        margin: 0 0 1em;
    }
    .mpb-rail h2 { font-family: var(--display); font-size: 1.35rem; font-weight: 800; color: var(--ink); margin: 0; letter-spacing: -0.015em; display: flex; align-items: center; gap: 0.55em; }
    .mpb-rail .mpb-rail-note { font-family: var(--mono); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-faint); }

    /* --- PERFORMANCE CARD (ambient-lift) --- */
    .mpb-perf-card {
        position: relative;
        background: var(--panel);
        border: 1px solid var(--card-edge);
        border-radius: 16px;
        padding: 1.5em;
        margin-bottom: 1.5em;
        overflow: hidden;
        box-shadow: 0 20px 42px -24px var(--accent-glow);
    }
    .mpb-perf-card::after {
        content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
        background: radial-gradient(120% 80% at 50% -12%, rgba(70,140,255,.12), transparent 60%);
    }
    .mpb-perf-card > * { position: relative; z-index: 1; }
    .mpb-perf-header { display: flex; align-items: center; gap: 0.6em; margin-bottom: 0.4em; }
    .mpb-perf-title  { font-family: var(--display); font-size: 1.1rem; font-weight: 700; color: var(--ink); margin: 0; }
    .mpb-perf-sub    { font-size: 0.88rem; color: var(--ink-dim); margin: 0 0 1.1em; }
    .mpb-perf-grid   { display: grid; grid-template-columns: 1fr 2fr; gap: 1.5em; align-items: center; }
    @media (max-width: 640px) { .mpb-perf-grid { grid-template-columns: 1fr; } }
    .mpb-roi-big     { font-family: var(--mono); font-size: clamp(2.6rem, 7vw, 3.4rem); font-weight: 700; color: var(--model); line-height: 0.95; font-variant-numeric: tabular-nums; }
    .mpb-roi-label   { font-family: var(--mono); font-size: 0.68rem; text-transform: uppercase; color: var(--ink-faint); letter-spacing: 0.1em; display: block; margin-bottom: 0.3em; }
    .mpb-stat-grid   { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 0.65em; }
    .mpb-stat-cell   { background: var(--panel-2); border: 1px solid var(--line); padding: 0.8em; border-radius: 10px; }
    .mpb-stat-lbl    { font-family: var(--mono); font-size: 0.64rem; text-transform: uppercase; color: var(--ink-faint); display: block; margin-bottom: 0.3em; letter-spacing: 0.06em; }
    .mpb-stat-val    { font-family: var(--mono); font-weight: 600; color: var(--ink); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
    .mpb-stat-val.is-money { color: var(--model); }
    .mpb-perf-extra  { margin-top: 1.1em; padding-top: 1.1em; border-top: 1px solid var(--line); font-size: 0.88rem; color: var(--ink-dim); }

    /* --- PICKS GRID --- */
    #MLB-player-props-section {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        gap: 1.1em;
        margin-bottom: 1.75em;
    }
    @media (max-width: 720px) { #MLB-player-props-section { grid-template-columns: 1fr; } }

    /* .tip-row already gets ambient-lift + hover from Site.Master.
       Here we lay out the card internals and add an accent-tinted micro-lift
       on hover so each prop card reads as an interactive, high-value surface. */
    .tip-row.player-prop-row {
        position: relative;
        border-radius: 16px;
        padding: 1.2em;
        display: flex;
        flex-direction: column;
        gap: 0.85em;
        background: var(--panel);
        border: 1px solid var(--card-edge);
        box-shadow: 0 20px 42px -28px var(--accent-glow);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
    .tip-row.player-prop-row::after {
        content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
        background: radial-gradient(120% 80% at 50% -12%, rgba(70,140,255,.09), transparent 60%);
    }
    .tip-row.player-prop-row > * { position: relative; z-index: 1; }
    .tip-row.player-prop-row:hover {
        transform: translateY(-2px);
        border-color: var(--action-hi);
        box-shadow: 0 26px 52px -24px var(--accent-glow);
    }
    .game-details {
        border-bottom: 1px solid var(--line);
        padding-bottom: 0.7em;
        font-size: 0.85rem;
        color: var(--ink-dim);
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.4em;
    }
    .game-details a { color: var(--action-hi); text-decoration: none; }
    .starts-in { font-family: var(--mono); font-size: 0.8rem; color: var(--action-hi) !important; font-weight: 600; font-variant-numeric: tabular-nums; }
    .player-info .player-name { font-family: var(--display); font-size: 1.1rem; font-weight: 700; color: var(--ink); display: block; line-height: 1.3; }

    /* Probability + Edge — money green, mono tabular */
    .stats-body {
        display: flex;
        gap: 1em;
        flex-wrap: wrap;
        background: var(--panel-2);
        border: 1px solid var(--line);
        padding: 0.75em 0.95em;
        border-radius: 12px;
        font-family: var(--mono);
        font-size: 0.86rem;
        font-variant-numeric: tabular-nums;
    }
    .stats-body strong { color: var(--ink-faint); font-weight: 500; margin-right: 0.35em; text-transform: uppercase; font-size: 0.86em; letter-spacing: 0.04em; }
    .stats-body .probability span { color: var(--ink); font-weight: 600; }
    /* Edge is the headline value — money green, slightly larger, with a faint glow */
    .stats-body .edge { color: var(--model); font-weight: 700; font-size: 1.02em; letter-spacing: -0.01em; text-shadow: 0 0 14px rgba(52,211,153,.28); }
    .stats-body .edge strong { color: var(--model); opacity: 0.8; }
    .tip-footer {
        display: flex;
        justify-content: space-between;
        font-family: var(--mono);
        font-size: 0.84rem;
        color: var(--ink-dim);
        padding-top: 0.7em;
        border-top: 1px solid var(--line);
        margin-top: auto;
        flex-wrap: wrap;
        gap: 0.4em;
        font-variant-numeric: tabular-nums;
    }
    .tip-footer strong { color: var(--ink-faint); font-weight: 500; }
    .tip-footer .decimal-odds,
    .tip-footer .american-odds { color: var(--model); font-weight: 600; }

    /* Reasoning accordion */
    .tip-reasoning { border-top: 1px solid var(--line); padding-top: 0.7em; }
    .reason-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 44px;
        padding: 0.5em 0.85em;
        background: var(--panel-2);
        border: 1px solid var(--line);
        border-radius: 10px;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.86rem;
        color: var(--ink);
    }
    .reason-toggle:hover { border-color: var(--card-edge); }
    .reason-text {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 0.85em;
        font-size: 0.86rem;
        line-height: 1.7;
        color: var(--ink-dim);
    }
    .reason-text.expanded { max-height: 2000px; padding: 0.75em 0.85em; }

    /* --- PROMO ROW (in-grid Pro tease, gradient-ring lock) --- */
    .promo-row-container {
        background: linear-gradient(135deg, rgba(70,140,255,0.12) 0%, var(--panel) 100%);
        border: 1px solid var(--card-edge);
        border-radius: 16px;
        padding: 1.4em 1.2em;
        text-align: center;
        color: var(--ink);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.8em;
        box-shadow: 0 20px 42px -24px var(--accent-glow);
    }
    .promo-lock {
        display: inline-flex; width: 46px; height: 46px; border-radius: 50%;
        background: var(--accent-grad); padding: 1.5px; box-shadow: 0 0 16px -3px var(--accent-glow);
    }
    .promo-lock > i { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: var(--panel); color: var(--accent-ink); }
    .promo-text-line2 { font-family: var(--display); font-size: 1.15rem; font-weight: 800; }
    .promo-text-line2 .promo-num { color: var(--action-hi); font-family: var(--mono); }
    .all-access-pro-button {
        background: var(--accent-grad);
        color: #fff;
        min-height: 44px;
        padding: 0.7em 1.5em;
        border-radius: 12px;
        font-family: var(--ui);
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 0.5em;
        transition: 0.18s;
        border: none;
        cursor: pointer;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 26px -7px var(--accent-glow);
    }
    .all-access-pro-button:hover { filter: brightness(1.07); transform: translateY(-1px); }
    .unlock-bet-container { text-align: center; padding-top: 0.4em; }
    .btn-unlock {
        background: var(--accent-grad);
        color: #fff;
        min-height: 44px;
        padding: 0 1.3em;
        border-radius: 99px;
        font-weight: 600;
        text-decoration: none;
        font-size: 0.85rem;
        display: inline-flex;
        align-items: center;
        gap: 0.45em;
        cursor: pointer;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 26px -7px var(--accent-glow);
    }
    .locked-item { opacity: 0.6; }

    /* --- NO DATA CARD --- */
    .mpb-no-data {
        background: var(--panel);
        border: 1px solid var(--card-edge);
        border-radius: 16px;
        padding: 2.5em 1.5em;
        text-align: center;
        margin: 1em 0 1.75em;
        box-shadow: 0 20px 42px -24px var(--accent-glow);
    }
    .mpb-no-data h4 { font-family: var(--display); color: var(--ink); font-size: 1.4rem; margin: 0.75em 0 0.5em; }
    .mpb-no-data p  { color: var(--ink-dim); font-size: 0.95rem; margin: 0 auto 1.4em; max-width: 460px; }
    .mpb-btn {
        display: inline-flex; align-items: center; gap: 0.5em;
        background: var(--accent-grad);
        color: #fff;
        min-height: 44px;
        padding: 0 1.6em;
        border-radius: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.18s;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 26px -7px var(--accent-glow);
    }
    .mpb-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
    .secondary-links-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6em; margin-top: 1.25em; }
    .secondary-links-grid a {
        color: var(--ink-dim); background: var(--panel-2); border: 1px solid var(--line);
        min-height: 40px; display: inline-flex; align-items: center;
        padding: 0 0.85em; border-radius: 8px; font-size: 0.88rem; text-decoration: none; transition: 0.15s;
    }
    .secondary-links-grid a:hover { border-color: var(--card-edge); color: var(--action-hi); }

    /* --- PRO UPSELL (right after the free picks) --- */
    .mpb-pro-section {
        position: relative;
        background: var(--panel);
        border: 1px solid var(--card-edge);
        border-radius: 18px;
        padding: 2em;
        margin: 0 0 2em;
        overflow: hidden;
        box-shadow: 0 24px 50px -26px var(--accent-glow);
    }
    .mpb-pro-section::after {
        content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
        background: radial-gradient(120% 70% at 50% -10%, rgba(70,140,255,.12), transparent 60%);
    }
    .mpb-pro-section > * { position: relative; z-index: 1; }
    .mpb-pro-content { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5em; align-items: center; }
    @media (max-width: 768px) { .mpb-pro-content { grid-template-columns: 1fr; gap: 1.75em; } }
    .mpb-pro-eyebrow { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--action-hi); margin: 0 0 0.6em; }
    .mpb-pro-features { padding: 0; margin: 0 0 1.4em; }
    .mpb-pro-features li { color: var(--ink-dim); margin-bottom: 0.7em; list-style: none; display: flex; align-items: flex-start; gap: 0.6em; }
    .mpb-pro-features i  { color: var(--model); margin-top: 0.15em; }
    .mpb-plan-row { display: flex; gap: 0.65em; list-style: none; padding: 0; margin-bottom: 1.25em; }
    .mpb-plan-opt {
        flex: 1;
        background: var(--panel-2);
        border: 1px solid var(--line);
        padding: 1em 0.6em;
        border-radius: 12px;
        text-align: center;
        cursor: pointer;
        position: relative;
        transition: border-color 0.15s, background 0.15s;
    }
    .mpb-plan-opt:hover { border-color: var(--card-edge); }
    .mpb-plan-opt.active { border-color: var(--action-hi); background: rgba(70,140,255,0.1); box-shadow: 0 0 0 1px var(--card-edge); }
    .mpb-plan-price { display: block; font-size: 1.5rem; font-weight: 700; color: var(--ink); font-family: var(--mono); font-variant-numeric: tabular-nums; }
    .mpb-plan-term  { font-size: 0.78rem; color: var(--ink-dim); }
    .mpb-plan-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: var(--model); color: #04130C; font-size: 0.62rem; padding: 3px 8px; border-radius: 5px; font-weight: 700; font-family: var(--mono); letter-spacing: 0.04em; white-space: nowrap; }
    .mpb-pro-micro { font-family: var(--mono); font-size: 0.74rem; color: var(--ink-faint); margin: 0.85em 0 0; text-align: center; }

    /* --- TRUST BLOCKS --- */
    .mpb-trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1em; margin: 0 0 2em; }
    .mpb-trust-block { background: var(--panel); border: 1px solid var(--line); padding: 1.4em; border-radius: 14px; }
    .mpb-trust-block-icon { font-size: 1.5em; color: var(--action-hi); margin-bottom: 0.6em; }
    .mpb-trust-block h3 { font-family: var(--display); color: var(--ink); font-size: 1.02rem; margin: 0 0 0.5em; }
    .mpb-trust-block p  { color: var(--ink-dim); font-size: 0.9rem; line-height: 1.6; margin: 0; }

    /* --- DIVIDER before the explainer essay --- */
    .mpb-essay-lead {
        margin: 2.5em 0 1.25em;
        padding-top: 1.75em;
        border-top: 1px solid var(--line);
    }
    .mpb-essay-lead .mpb-eyebrow { color: var(--ink-faint); }
    .mpb-essay-lead h2 { font-family: var(--display); font-size: 1.5rem; font-weight: 800; color: var(--ink); margin: 0 0 0.3em; letter-spacing: -0.02em; }
    .mpb-essay-lead p  { color: var(--ink-dim); font-size: 0.98rem; line-height: 1.6; margin: 0; max-width: 720px; }

    /* --- CONTENT SECTIONS (essay, FAQ, tools, transparency) --- */
    .mpb-sections { display: grid; gap: 1em; margin: 0 0 1.5em; }
    .mpb-section {
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 1.6em;
    }
    .mpb-section h2 { font-family: var(--display); font-size: 1.2rem; font-weight: 700; color: var(--ink); margin: 0 0 0.75em; letter-spacing: -0.015em; }
    .mpb-section p  { font-size: 0.94rem; color: var(--ink-dim); line-height: 1.7; margin: 0 0 0.75em; max-width: 760px; }
    .mpb-section ul { padding-left: 1.25em; margin: 0 0 0.75em; }
    .mpb-section ul li { font-size: 0.94rem; color: var(--ink-dim); line-height: 1.65; margin-bottom: 0.5em; }
    .mpb-section ul li strong { color: var(--ink); }
    .mpb-link { color: var(--action-hi); text-decoration: none; }
    .mpb-link:hover { text-decoration: underline; }

    /* Pills (markets / cross-links) */
    .mpb-pill-row { display: flex; flex-wrap: wrap; gap: 0.5em; }
    .mpb-pill {
        display: inline-flex; align-items: center; gap: 0.45em;
        min-height: 38px; padding: 0 0.9em;
        border-radius: 99px;
        background: var(--panel-2);
        border: 1px solid var(--line);
        color: var(--ink); font-size: 0.85rem; font-weight: 600;
        white-space: nowrap; text-decoration: none; transition: 0.15s;
    }
    a.mpb-pill:hover { border-color: var(--card-edge); color: var(--action-hi); }
    .mpb-pill i { color: var(--action-hi); }

    /* Definition mini-table */
    .mpb-table-wrap {
        margin-top: 0.75em;
        border: 1px solid var(--line);
        border-radius: 12px;
        overflow: hidden;
        background: var(--panel-2);
    }
    .mpb-mini-table { width: 100%; border-collapse: collapse; }
    .mpb-mini-table th {
        background: var(--panel);
        font-family: var(--mono);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 0.7rem;
        color: var(--ink-dim);
        padding: 0.7em 0.9em;
        text-align: left;
        border-bottom: 1px solid var(--line);
    }
    .mpb-mini-table td {
        color: var(--ink-dim);
        font-size: 0.88rem;
        line-height: 1.55;
        padding: 0.75em 0.9em;
        border-bottom: 1px solid var(--line);
        vertical-align: top;
    }
    .mpb-mini-table tr:last-child td { border-bottom: none; }
    .mpb-mono { font-family: var(--mono); color: var(--ink); }

    /* AEO answer capsule */
    .mpb-aeo-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1em; margin: 0 0 1em; }
    @media (max-width: 900px) { .mpb-aeo-grid { grid-template-columns: 1fr; } }
    .mpb-aeo-card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 1.4em; }
    .mpb-answer-card { background: linear-gradient(180deg, rgba(70,140,255,0.08) 0%, var(--panel) 100%); border-color: var(--card-edge); }
    .mpb-kicker { display: inline-flex; align-items: center; gap: 0.45em; font-family: var(--mono); font-size: 0.68rem; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.7em; }
    .mpb-kicker i { color: var(--action-hi); }
    .mpb-answer-text { font-size: 0.94rem; color: var(--ink-dim); line-height: 1.65; margin: 0 0 0.85em; }
    .mpb-answer-text strong { color: var(--ink); }
    .mpb-toc-label { font-family: var(--mono); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-faint); margin: 0 0 0.7em; display: block; }
    .mpb-toc-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.45em; }
    .mpb-toc-list a {
        display: flex; justify-content: space-between; align-items: center; gap: 0.75em;
        min-height: 44px; padding: 0 0.85em;
        border-radius: 10px;
        background: var(--panel-2);
        border: 1px solid var(--line);
        color: var(--ink); font-weight: 600; font-size: 0.88rem; text-decoration: none;
        transition: 0.15s;
    }
    .mpb-toc-list a:hover { border-color: var(--card-edge); color: var(--action-hi); }
    .mpb-toc-list span { color: var(--ink-faint); font-family: var(--mono); font-size: 0.8em; }

    /* --- FAQ --- */
    .mpb-faq-item {
        background: var(--panel-2);
        border: 1px solid var(--line);
        border-radius: 12px;
        margin-bottom: 0.6em;
        overflow: hidden;
        transition: border-color 0.15s;
    }
    .mpb-faq-item[open] { border-color: var(--card-edge); }
    .mpb-faq-item summary {
        min-height: 44px;
        padding: 0.9em 1.1em;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.94rem;
        color: var(--ink);
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        gap: 1em;
    }
    .mpb-faq-item summary::-webkit-details-marker { display: none; }
    .mpb-faq-item summary::after { content: '+'; font-family: var(--mono); color: var(--action-hi); flex-shrink: 0; font-size: 1.1em; }
    .mpb-faq-item[open] summary::after { content: '−'; }
    .mpb-faq-answer {
        padding: 0 1.1em 0.95em;
        font-size: 0.92rem;
        line-height: 1.75;
        color: var(--ink-dim);
    }
    .mpb-faq-answer p { margin: 0; color: var(--ink-dim); }

    /* --- EMAIL SECTION --- */
    .mpb-email-section {
        background: var(--panel);
        border-top: 1px solid var(--line);
        padding: 3em 5%;
        margin-top: 3.5em;
    }
    .mpb-email-inner { max-width: 520px; margin: 0 auto; text-align: center; }
    .mpb-email-inner h3 { font-family: var(--display); color: var(--ink); font-size: 1.5rem; font-weight: 800; margin: 0 0 0.4em; letter-spacing: -0.02em; }
    .mpb-email-inner p  { color: var(--ink-dim); font-size: 0.95rem; margin: 0 0 1.25em; }
    .mpb-email-inner p strong { color: var(--ink); }
    .mpb-email-input {
        background: var(--panel-2);
        border: 1px solid var(--line-strong);
        color: var(--ink);
        padding: 0.85em 1em;
        border-radius: 12px;
        width: 100%;
        font-size: 0.98rem;
        min-height: 48px;
        box-sizing: border-box;
        margin-bottom: 0.6em;
        font-family: var(--ui);
    }
    .mpb-email-input:focus { outline: none; border-color: var(--action-hi); box-shadow: 0 0 0 3px rgba(70,140,255,.2); }
    .mpb-email-btn {
        background: var(--accent-grad);
        color: #fff;
        border: none;
        padding: 0.85em 1em;
        border-radius: 12px;
        font-family: var(--ui);
        font-weight: 600;
        font-size: 0.98rem;
        width: 100%;
        cursor: pointer;
        min-height: 48px;
        transition: 0.18s;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 26px -7px var(--accent-glow);
    }
    .mpb-email-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
    .mpb-email-disclaimer { font-size: 0.74rem; color: var(--ink-faint); margin-top: 0.6em; }
    .mpb-email-disclaimer a { color: var(--ink-faint); text-decoration: underline; }

    /* --- FOCUS-VISIBLE (accessibility) --- */
    .mpb-wrapper a:focus-visible,
    .mpb-jump:focus-visible, .mpb-btn:focus-visible, .btn-unlock:focus-visible,
    .all-access-pro-button:focus-visible, .reason-toggle:focus-visible,
    .mpb-faq-item summary:focus-visible {
        outline: 2px solid var(--action-hi); outline-offset: 2px; border-radius: 8px;
    }

    @media (prefers-reduced-motion: reduce) {
        .mpb-jump, .mpb-btn, .btn-unlock, .all-access-pro-button, .mpb-email-btn,
        .reason-text, .tip-row.player-prop-row { transition: none !important; }
    }

    @media (max-width: 768px) {
        .stats-body { flex-direction: column; gap: 0.45em; }
        .tip-footer { flex-direction: column; }
        .game-details { flex-direction: column; align-items: flex-start; }
    }