/*
 * mbre-newsletter-front.css
 * All front-end styles for the MBRE Newsletter V1 template.
 *
 * SCOPE: Every rule is prefixed with .post-template-single-mbre-newsletter-v1
 * so no existing page or post on the site is affected.
 *
 * AVADA RULE: No bare h1–h6, p, or a selectors at global scope.
 * All heading/paragraph/link styles here are either:
 *   (a) scoped to .mbre-nl-sections so Avada's globals still apply
 *       to all other content, or
 *   (b) using class selectors (.nl-h2, .aio-summary, etc.)
 *
 * COVERAGE:
 *   1.  Page + hero wrapper
 *   2.  Hero image + overlay + eyebrow
 *   3.  AIO card + meta row + attribution box
 *   4.  Newsletter sections wrapper (base typography reset)
 *   5.  Layout utilities: nl-wrap, nl-section, eyebrow, nl-h2
 *   6.  Stat pills (S2)
 *   7.  Personal intro (S3)
 *   8.  Tables (S4)
 *   9.  NL Signup (S5)
 *   10. Commentary (S6)
 *   11. Images + Slider (S7/S8)
 *   12. Chart grid (S9)
 *   13. Spotlight (S9)
 *   14. News (S10)
 *   15. Previous NL cards (S11)
 *   16. Market Report cards (S12)
 *   17. Research Library (S13)
 *   18. CTA block (S14)
 *   19. Search box (S16)
 *   20. FAQs (S17)
 *   21. Image pair
 *   22. Mobile breakpoints
 */

/* ─────────────────────────────────────────────────────────────────── */
/* 0. CSS VARIABLES (scoped so they don't conflict with Avada)         */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mbre-nl-sections,
.post-template-single-mbre-newsletter-v1 .mbre-nl-card {
    --blue:    #00A3E0;
    /* --nl- aliases used by template inline styles (e.g. var(--nl-muted)) */
    --nl-blue:    #00A3E0;
    --nl-black:   #000000;
    --nl-ink:     #1c1c1c;
    --nl-muted:   #5a5a5a;
    --nl-faint:   #8a8a8a;
    --nl-white:   #ffffff;
    --nl-off:     #f7f7f7;
    --nl-rule:    #e2e2e2;
    --nl-rule-md: #c8c8c8;
    --blue-dk: #007fb0;
    --blue-lt: #e8f6fc;
    --black:   #000000;
    --ink:     #1c1c1c;
    --muted:   #5a5a5a;
    --faint:   #8a8a8a;
    --white:   #ffffff;
    --off:     #f7f7f7;
    --rule:    #e2e2e2;
    --rule-md: #c8c8c8;
    --pos:     #1a6b3c;
    --neg:     #8b1a1a;
}


/* ─────────────────────────────────────────────────────────────────── */
/* 1. PAGE WRAPPER                                                      */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mbre-nl-wrap { max-width: 100%; margin: 0 auto; }
.mbre-nl-wrap a { color: #3fa5dc; font-weight: 400; }

/* ─────────────────────────────────────────────────────────────────── */
/* 2. HERO                                                              */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-wrap { position: relative; width: 100%; overflow: hidden; }

.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-img {
    width: 100%; height: clamp(300px, 45vw, 520px);
    background-size: cover; background-position: center; background-repeat: no-repeat;
}
.nl-wrap a { color: #3fa5dc; font-weight: 400; }
.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-placeholder {
    width: 100%; height: clamp(300px, 45vw, 520px);
    background: linear-gradient(135deg, #0a1f35 0%, #003d5c 60%, #005c8a 100%);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; color: rgba(255,255,255,0.35); letter-spacing: 0.1em; font-style: italic;
    font-family: 'DM Sans', Arial, sans-serif;
}

.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.12) 60%);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 40px 52px; color: #ffffff;
}

/* Eyebrow — span is permitted per Avada rules (not a global tag) */
.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-eyebrow {
    display: flex; align-items: center; gap: 10px;
    font-family: 'DM Sans', Arial, sans-serif; font-size: 12px; font-weight: 600;
    letter-spacing: 0.2em; text-transform: uppercase; color: #00A3E0; margin-bottom: 12px;
}
.post-template-single-mbre-newsletter-v1 .mbre-nl-hero-eyebrow::before {
    content: ''; display: block; width: 22px; height: 1px; background: #00A3E0; flex-shrink: 0;
}


/* ─────────────────────────────────────────────────────────────────── */
/* 3. AIO CARD                                                          */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mbre-nl-card {
    position: relative; z-index: 2;
    max-width: 880px; margin: -32px auto 0 auto; padding: 28px;
    background: #f7f7f7; border-top: 3px solid #00A3E0;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
}

.post-template-single-mbre-newsletter-v1 .mbre-nl-meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px;
    font-family: 'DM Sans', Arial, sans-serif; font-size: 12px; color: #8A8A8A;
    margin-bottom: 16px; line-height: 1.6;
}
.post-template-single-mbre-newsletter-v1 .mbre-nl-byline { margin-left: auto; }

/* aio-summary: class selector permitted */
.post-template-single-mbre-newsletter-v1 .aio-summary {
    font-size: 18px; line-height: 1.82; color: #1c1c1c; margin: 0 0 24px 0; max-width: 740px;
}

.post-template-single-mbre-newsletter-v1 .mbre-rule {
    border: none; border-top: 1px solid #dedede; margin: 0 0 20px 0;
}


/* ─────────────────────────────────────────────────────────────────── */
/* 4. NEWSLETTER SECTIONS WRAPPER — base typography                    */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mbre-nl-sections { -webkit-font-smoothing: antialiased;}


/* ─────────────────────────────────────────────────────────────────── */
/* 5. LAYOUT UTILITIES                                                  */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .nl-wrap { margin: 0 auto; }
.post-template-single-mbre-newsletter-v1 .nl-section { padding: 30px 0; }
.post-template-single-mbre-newsletter-v1 .nl-section:last-child { border-bottom: none; padding-bottom: 60px;}
.post-template-single-mbre-newsletter-v1 .nl-section--tight { padding: 30px 0; }
.post-template-single-mbre-newsletter-v1 .nl-section--flush { padding: 30px 0;; }
.post-template-single-mbre-newsletter-v1 .nl-rule { border: none; border-top: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; flex-wrap: nowrap; }
.post-template-single-mbre-newsletter-v1 .eyebrow-text { font-size: 14px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #00A3E0; white-space: nowrap; flex-shrink: 0; }
.post-template-single-mbre-newsletter-v1 .eyebrow-line { flex: 1; min-width: 8px; height: 1px; background: #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .nl-lede { margin-bottom: 36px; }
.post-template-single-mbre-newsletter-v1 .nl-intro { margin-bottom: 36px; border-left: 3px solid #00A3E0; padding-left: 20px; }
.post-template-single-mbre-newsletter-v1 .mbre-nl-sections .pos { color: #1a6b3c; font-weight: 500; }
.post-template-single-mbre-newsletter-v1 .mbre-nl-sections .neg { color: #8b1a1a; font-weight: 500; }
.post-template-single-mbre-newsletter-v1 .mbre-nl-sections .neut { color: #5a5a5a; }
.post-template-single-mbre-newsletter-v1 .link-arrow::after { content: ' →'; }


/* ─────────────────────────────────────────────────────────────────── */
/* 6. STAT PILLS (S2)                                                   */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .stat-pills { display: flex; flex-wrap: wrap; gap: 12px; }
.post-template-single-mbre-newsletter-v1 .stat-pill { flex: 1 1 140px; min-width: 130px; max-width: 25%; padding: 30px 20px 30px; background: color(srgb 0.67 0.91 1 / 0.08); border: 1px solid #e2e2e2; border-top: 3px solid #00A3E0; text-align: center; display: flex; flex-direction: column; gap: 12px; }
.post-template-single-mbre-newsletter-v1 .sp-val { font-size: 28px; font-weight: 700; color: #212121; line-height: 1; }
.post-template-single-mbre-newsletter-v1 .sp-label { font-size: 18px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5a5a5a; line-height: 1.4; }
.post-template-single-mbre-newsletter-v1 .sp-context { font-size: 16px; font-weight: 500; line-height: 1.3; }
.post-template-single-mbre-newsletter-v1 .sp-context.pos { color: #1a6b3c; }
.post-template-single-mbre-newsletter-v1 .sp-context.neg { color: #8b1a1a; }
.post-template-single-mbre-newsletter-v1 .sp-context.blue { color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .sp-context.muted { color: #8a8a8a; }
.post-template-single-mbre-newsletter-v1 .stat-pills-placeholder { font-size: 16px; color: #8a8a8a; margin-top: 10px; margin-bottom: 0; line-height: 1.5; }


/* ─────────────────────────────────────────────────────────────────── */
/* 7. PERSONAL INTRO (S3)                                               */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .personal-intro { margin-top: 28px; }
.personal-intro p {margin-bottom: 0;}
.post-template-single-mbre-newsletter-v1 .sign-off { font-size: 18px; color: #1c1c1c; margin-top: 12px; }


/* ─────────────────────────────────────────────────────────────────── */
/* 8. TABLES (S4)                                                       */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .tbl-label { display: flex; align-items: center; gap: 0; margin-bottom: 0; }
.post-template-single-mbre-newsletter-v1 .tbl-label-text { font-size: 14px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #ffffff; background: #000000; padding: 6px 16px; }
.post-template-single-mbre-newsletter-v1 .tbl-label-line { flex: 1; height: 1px; background: #c8c8c8; }
.post-template-single-mbre-newsletter-v1 .tbl-block { margin-bottom: 40px; }
.post-template-single-mbre-newsletter-v1 .tbl-block:last-of-type { margin-bottom: 0; }
.post-template-single-mbre-newsletter-v1 .tbl-sub { font-size: 14px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #00A3E0; margin-bottom: 0; padding: 8px 0 0 0; display: block; }
.post-template-single-mbre-newsletter-v1 .nl-tbl-wrap{ overflow-y: auto; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl { width: 100%; border-collapse: collapse; font-size: 17px; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl thead tr { background: #f7f7f7; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl thead th { font-weight: 600; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #5a5a5a; padding: 11px 15px; text-align: left; border-bottom: 2px solid #c8c8c8; white-space: nowrap; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl thead th:not(:first-child) { text-align: right; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody tr { border-bottom: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody tr:last-child { border-bottom: none; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody tr:hover { background: #fafafa; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody td { padding: 11px 15px; color: #1c1c1c; vertical-align: middle; line-height: 1.5;text-transform: none; letter-spacing: 0;font-family: Montserrat, Arial, Helvetica, sans-serif; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody td:first-child { font-weight: 500; color: #000000; font-size: 16px; }
.post-template-single-mbre-newsletter-v1 table.nl-tbl tbody td:not(:first-child) { text-align: right; font-size: 17px; }
.post-template-single-mbre-newsletter-v1 .nl-tbl--dense tbody td { padding: 9px 12px; font-size: 15px; }
.post-template-single-mbre-newsletter-v1 .nl-tbl--dense tbody td:first-child { font-size: 14px; }
.post-template-single-mbre-newsletter-v1 .nl-tbl--dense thead th { padding: 9px 12px; font-size: 12px; }
.post-template-single-mbre-newsletter-v1 .tbl-source { font-size: 16px; color: #8a8a8a; margin-top: 10px; font-style: italic; line-height: 1.6; margin-bottom:25px !important;font-style: italic; }

/* InfoSparks iframes */
.post-template-single-mbre-newsletter-v1 .iframe-block { margin-top: 48px; }
.post-template-single-mbre-newsletter-v1 .iframe-intro { font-size: 18px; color: #5a5a5a; line-height: 1.7; margin-bottom: 14px; }
.post-template-single-mbre-newsletter-v1 .iframe-responsive { position: relative; width: 100%; overflow: hidden; background: #f7f7f7; border: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .iframe-responsive iframe { width: 100%; min-height: 400px; border: 0; display: block; }
.post-template-single-mbre-newsletter-v1 .iframe-source { font-size: 13px; color: #8a8a8a; font-style: italic; margin-top: 10px; padding-bottom: 48px; }


/* ─────────────────────────────────────────────────────────────────── */
/* 9. NL SIGNUP (S5)                                                    */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .nl-signup { background: #000000; display: grid; grid-template-columns: 1fr 1fr; }
.post-template-single-mbre-newsletter-v1 .signup-left { padding: 44px 44px 44px 52px; border-right: 1px solid rgba(255,255,255,0.24); }
.post-template-single-mbre-newsletter-v1 .signup-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #00A3E0; margin-bottom: 14px; }
.post-template-single-mbre-newsletter-v1 .signup-left h2 { color: #ffffff; margin-bottom: 12px; }
.post-template-single-mbre-newsletter-v1 .signup-left p { font-weight: 400; color: #ffffff; }
.post-template-single-mbre-newsletter-v1 .signup-proof { display: flex; align-items: center; gap: 22px; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.6); flex-wrap: wrap; }
.post-template-single-mbre-newsletter-v1 .proof-item { display: flex; flex-direction: column; }
.post-template-single-mbre-newsletter-v1 .proof-val { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #00A3E0; line-height: 1; }
.post-template-single-mbre-newsletter-v1 .proof-lbl { font-size: 16px; font-weight: 400; text-transform: uppercase; color: #ffffff; margin-top: 10px; }
.post-template-single-mbre-newsletter-v1 .proof-div { width: 1px; height: 28px; background: rgba(255,255,255,0.24); }
.post-template-single-mbre-newsletter-v1 .signup-right { padding: 44px 52px 44px 40px; display: flex; flex-direction: column; gap: 14px; justify-content: center;}
.post-template-single-mbre-newsletter-v1 .signup-right .fusion-form-email-field, .post-template-single-mbre-newsletter-v1 .signup-right .fusion-form-phone-number-field { margin-bottom: 35px !important; }
.post-template-single-mbre-newsletter-v1 .signup-right label { display: none; }
.signup-right button.form-form-submit:hover span { color: #00a3e0 !important; font-weight: 600;}
.post-template-single-mbre-newsletter-v1 .field-wrap label { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 7px; }
.post-template-single-mbre-newsletter-v1 .field-wrap input { width: 100%; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.13); padding: 13px 17px; font-family: 'DM Sans', sans-serif; font-size: 15px; color: #ffffff; outline: none; border-radius: 0; }
.post-template-single-mbre-newsletter-v1 .field-wrap input:focus { border-color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .field-wrap input::placeholder { color: rgba(255,255,255,0.3); }
.post-template-single-mbre-newsletter-v1 .signup-btn { background: #00A3E0; border: none; padding: 15px 24px; width: 100%; font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #ffffff; cursor: pointer; }
.post-template-single-mbre-newsletter-v1 .signup-btn:hover { background: #007fb0; }
.post-template-single-mbre-newsletter-v1 .signup-fine { font-size: 16px;font-weight: 400; color: rgba(255,255,255,0.66); text-align: center; margin-bottom: 10px !important; }


/* ─────────────────────────────────────────────────────────────────── */
/* 10. COMMENTARY (S6)                                                  */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .commentary-cred-bar { background: #f7f7f7; border: 1px solid #e2e2e2; padding: 16px 24px; display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
.post-template-single-mbre-newsletter-v1 .commentary-headshot { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; flex-shrink: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.post-template-single-mbre-newsletter-v1 .commentary-cred-name { font-weight: 500; color: #000000; display: block; }
.post-template-single-mbre-newsletter-v1 .commentary-cred-role { color: #5a5a5a; display: block;font-size: 18px; }
.post-template-single-mbre-newsletter-v1 .commentary-body p { margin-bottom: 20px; }
.post-template-single-mbre-newsletter-v1 .commentary-pull { font-size: 20px; font-style: italic; background: #e8f6fc; border-left: 3px solid #00A3E0; padding: 20px 24px; margin: 28px 0; font-weight: 500; }


/* ─────────────────────────────────────────────────────────────────── */
/* 11. IMAGES + SLIDER (S7/S8)                                          */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .mid-image-placeholder { width: 100%; height: clamp(240px, 36vw, 420px); background: linear-gradient(135deg, #0a1f35 0%, #003d5c 60%); display: flex; align-items: center; justify-content: center; font-size: 13px; color: rgba(255,255,255,0.3); letter-spacing: 0.1em; font-style: italic; }
.post-template-single-mbre-newsletter-v1 .mid-image-caption { text-align: center; font-size: 13px; color: #8a8a8a; padding: 10px 0 0; font-style: italic; }
.post-template-single-mbre-newsletter-v1 .slider-placeholder { width: 100%; height: clamp(260px, 40vw, 480px); background: linear-gradient(135deg, #0a1f35 0%, #003d5c 40%, #005c8a 100%); display: flex; align-items: center; justify-content: center; font-size: 13px; color: rgba(255,255,255,0.35); letter-spacing: 0.1em; font-style: italic; position: relative; }
.post-template-single-mbre-newsletter-v1 .slider-placeholder::after { content: '◄ ►'; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); font-size: 18px; color: rgba(255,255,255,0.4); letter-spacing: 24px; }
.post-template-single-mbre-newsletter-v1 .img-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.post-template-single-mbre-newsletter-v1 .img-pair-item { background: linear-gradient(135deg, #0a1f35, #003d5c); min-height: 220px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: rgba(255,255,255,0.3); font-style: italic; overflow: hidden; }
.post-template-single-mbre-newsletter-v1 .img-pair-item img { width: 100%; height: 100%; object-fit: cover; }
.post-template-single-mbre-newsletter-v1 .img-pair-caption { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.post-template-single-mbre-newsletter-v1 .img-pair-caption p { font-size: 13px; color: #8a8a8a; font-style: italic; padding: 8px 4px 0; }


/* ─────────────────────────────────────────────────────────────────── */
/* 12. CHART GRID (S9)                                                  */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .chart-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #e2e2e2; margin-top: 32px; }
.post-template-single-mbre-newsletter-v1 .chart-card { background: #f7f7f7; padding: 24px 24px 22px; }
.post-template-single-mbre-newsletter-v1 .chart-card:hover { background: #DBE9FD; }
.post-template-single-mbre-newsletter-v1 .chart-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.post-template-single-mbre-newsletter-v1 .chart-num { font-size: 16px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .chart-metric { font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 600; color: #000000; line-height: 1.3; text-align: right; }
.post-template-single-mbre-newsletter-v1 .chart-method { font-size: 16px; text-align: right; margin-top: 2px; font-style: italic;font-weight: 500; }
.post-template-single-mbre-newsletter-v1 .chart-val-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .chart-val { font-family: 'Playfair Display', serif; font-size: 21px; font-weight: 700; color: #000000; line-height: 1.3; }
.post-template-single-mbre-newsletter-v1 .chart-yoy { font-size: 16px; font-weight: 600; padding: 3px 9px;}
.post-template-single-mbre-newsletter-v1 .yoy-up { background: rgba(26,107,60,0.09); color: #1a6b3c; }
.post-template-single-mbre-newsletter-v1 .yoy-dn { background: rgba(139,26,26,0.09); color: #8b1a1a; }
.post-template-single-mbre-newsletter-v1 .yoy-fl { background: #f7f7f7; color: #5a5a5a; }
.post-template-single-mbre-newsletter-v1 .chart-placeholder { background: #f7f7f7; border: 1px dashed #c8c8c8; height: 136px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 12px; color: #8a8a8a; font-style: italic; text-align: center; padding: 14px; }
.post-template-single-mbre-newsletter-v1 .nl-section .nl-wrap .chart-grid .chart-card .chart-caption-bottom{ margin: 0; margin-top: 15px; font-size: 16px; }


/* ─────────────────────────────────────────────────────────────────── */
/* 13. SPOTLIGHT (S9)                                                   */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .pr-spotlight { background: #000000; padding: 40px 48px; margin-top: 32px; display: grid; grid-template-columns: 1fr auto; gap: 36px; align-items: center; }
.post-template-single-mbre-newsletter-v1 .pr-spotlight-tag { font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #00A3E0; margin-bottom: 12px; }
.post-template-single-mbre-newsletter-v1 .pr-spotlight h3 { font-family: 'Playfair Display', serif; font-size: clamp(17px, 2.5vw, 21px); font-weight: 700; color: #ffffff; line-height: 1.3; margin-bottom: 10px; }
.post-template-single-mbre-newsletter-v1 .pr-spotlight p { font-size: 20px; color: rgba(255,255,255,0.58); line-height: 1.7; }
.post-template-single-mbre-newsletter-v1 .pr-links { display: flex; flex-direction: column; gap: 14px; flex-shrink: 0; align-items: flex-end; border-left: 1px solid rgba(255,255,255,0.08); padding-left: 36px; }
.post-template-single-mbre-newsletter-v1 .pr-link { font-size: 15px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: #00A3E0; text-decoration: none; white-space: nowrap; }


/* ─────────────────────────────────────────────────────────────────── */
/* 14. NEWS (S10)                                                       */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .news-intro { margin-bottom: 36px; border-left: 3px solid #00A3E0; padding-left: 18px; }
.post-template-single-mbre-newsletter-v1 .news-featured { background: #000000; padding: 34px 40px; margin-bottom: 4px; display: grid; grid-template-columns: 1fr auto; gap: 26px; align-items: center; text-decoration: none; }
.post-template-single-mbre-newsletter-v1 .news-featured:hover { opacity: 0.92; }
.post-template-single-mbre-newsletter-v1 .news-feat-tag { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #00A3E0; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.post-template-single-mbre-newsletter-v1 .news-feat-tag::before { content:''; display:block; width:20px; height:1px; background:#00A3E0; }
.post-template-single-mbre-newsletter-v1 .news-featured h3 { font-family: 'Playfair Display', serif; font-weight: 700; color: #ffffff; line-height: 1.3; margin-bottom: 10px; }
.post-template-single-mbre-newsletter-v1 .news-featured p { color: rgba(255,255,255,0.58); }
.post-template-single-mbre-newsletter-v1 .news-feat-cta { display: inline-block; font-size: 18px; font-weight: 500; letter-spacing: 0.10em; text-transform: uppercase; color: #00A3E0; border-bottom: 1px solid rgba(0,163,224,0.35); }
.post-template-single-mbre-newsletter-v1 .news-feat-price { text-align: center; flex-shrink: 0; border-left: 1px solid rgba(255,255,255,0.30); padding-left: 30px; }
.post-template-single-mbre-newsletter-v1 .news-feat-price .pv { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 40px); font-weight: 700; color: #00A3E0; display: block; line-height: 1; }
.post-template-single-mbre-newsletter-v1 .news-feat-price .pl { font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.58); display: block; margin-top: 6px; }
.post-template-single-mbre-newsletter-v1 .news-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; margin-bottom: 40px; }
.post-template-single-mbre-newsletter-v1 .nstat { background: #f7f7f7; border-top: 2px solid #000000; padding: 18px 20px; text-align: center; }
.post-template-single-mbre-newsletter-v1 .nstat .nv { font-family: 'Playfair Display', serif; font-size: clamp(19px, 3vw, 27px); font-weight: 700; color: #00A3E0; display: block; line-height: 1; margin-bottom: 5px; }
.post-template-single-mbre-newsletter-v1 .nstat .nl2 { font-size: 16px; letter-spacing: 0.1em; text-transform: uppercase; color: #8a8a8a; line-height: 1.4; }
.post-template-single-mbre-newsletter-v1 .cat-header { display: flex; align-items: center; gap: 0; margin-bottom: 0; }
.post-template-single-mbre-newsletter-v1 .cat-name { font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #ffffff; background: #3fa5dc; padding: 6px 16px; white-space: nowrap; }
.post-template-single-mbre-newsletter-v1 .cat-line { flex: 1; height: 1px; background: #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .cat-block { margin-bottom: 36px; }
.post-template-single-mbre-newsletter-v1 .article-list { display: flex; flex-direction: column; }
.post-template-single-mbre-newsletter-v1 .article-row { display: grid; grid-template-columns: 1fr 0px; }
.post-template-single-mbre-newsletter-v1 .article-row:not(:last-child){ border-bottom: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .article-row:hover { background: #fafafa; }
.post-template-single-mbre-newsletter-v1 .art-accent { width: 3px; background: transparent; transition: background 0.15s; }
.post-template-single-mbre-newsletter-v1 .article-row:hover .art-accent { background: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .article-row.hl .art-accent { background: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .art-inner { padding: 18px 20px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; }
.post-template-single-mbre-newsletter-v1 .art-inner--with-img { grid-template-columns: 88px 1fr auto; }
.post-template-single-mbre-newsletter-v1 .art-thumb { width: 88px; height: 66px; object-fit: cover; flex-shrink: 0; background: #f7f7f7; border: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .src-badge { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #00A3E0; background: #e8f6fc; padding: 3px 9px; margin-bottom: 6px; }
.post-template-single-mbre-newsletter-v1 .art-inner h3 { font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 600; color: #000000; line-height: 1.35; margin-bottom: 5px; }
.post-template-single-mbre-newsletter-v1 .read-lnk { flex-shrink: 0; font-size: 16px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: #00A3E0; text-decoration: none; border-bottom: 1px solid rgba(0,163,224,0.35); white-space: nowrap; align-self: center; }

/* Details-based article rows (expandable items with summary) */
.post-template-single-mbre-newsletter-v1 details.article-row summary { list-style: none; cursor: pointer; padding: 18px 20px; display: flex; gap: 18px; align-items: flex-start;padding-bottom: 50px; padding-top: 40px; }
.post-template-single-mbre-newsletter-v1 details.article-row summary::-webkit-details-marker { display: none; }
.post-template-single-mbre-newsletter-v1 details.article-row summary::marker { display: none; }
.post-template-single-mbre-newsletter-v1 details.article-row summary h3 { font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 600; margin-bottom: 5px; }
.post-template-single-mbre-newsletter-v1 details.article-row summary h3 a { color: #000000;font-weight: 500; }
.post-template-single-mbre-newsletter-v1 details.article-row[open] summary h3 { color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 details.article-row summary p { margin-top: 20px; margin-bottom: 10px; }
.post-template-single-mbre-newsletter-v1 details.article-row:hover { background: #fafafa; }

/* Featured story image column */
.post-template-single-mbre-newsletter-v1 .news-feat-price img { width: 160px; height: 120px; object-fit: cover; display: block; }


/* ─────────────────────────────────────────────────────────────────── */
/* 15. PREVIOUS NL CARDS (S11)                                          */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .card-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #e2e2e2; }
.post-template-single-mbre-newsletter-v1 .ref-card { background: #f7fcff; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px; }
.post-template-single-mbre-newsletter-v1 .ref-card:hover { background: #ffffff;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
.post-template-single-mbre-newsletter-v1 .ref-card-tag { font-size: 13px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .ref-card h3 { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: #000000; line-height: 1.35; margin-bottom: 0px;}
.post-template-single-mbre-newsletter-v1 .ref-card p { margin-bottom: 20px;}
.post-template-single-mbre-newsletter-v1 .ref-card a { font-size: 17px; font-weight: 500; color: #00A3E0; margin-top: auto; }


/* ─────────────────────────────────────────────────────────────────── */
/* 16. MARKET REPORT CARDS (S12)                                        */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .report-card { background: #ffffff; border: 1px solid #e2e2e2; display: grid; grid-template-columns: 1fr; overflow: hidden; margin-bottom: 16px; }
.post-template-single-mbre-newsletter-v1 .mr-card-download-main-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.post-template-single-mbre-newsletter-v1 .report-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.post-template-single-mbre-newsletter-v1 .report-cover {  background: linear-gradient(135deg, #0a1f35, #003d5c); display: flex; align-items: center; justify-content: center; font-size: 11px; color: rgba(255,255,255,0.4); font-style: italic; overflow: hidden; }
.post-template-single-mbre-newsletter-v1 .report-cover img { width: 100%; height: 100%; object-fit: cover; }
.post-template-single-mbre-newsletter-v1 .report-info { padding: 24px 28px; display: flex; flex-direction: column; gap: 8px; }
.post-template-single-mbre-newsletter-v1 .report-info-tag { font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #00A3E0; }
.post-template-single-mbre-newsletter-v1 .report-info h3 { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #000000; line-height: 1.3; }
.post-template-single-mbre-newsletter-v1 .report-info p { margin: 0; }
.post-template-single-mbre-newsletter-v1 .report-btns { display: flex; gap: 10px; margin-top: auto; padding-top: 8px; }
.post-template-single-mbre-newsletter-v1 .report-btn { padding: 10px 20px; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; text-align: center; }
.post-template-single-mbre-newsletter-v1 .report-btn--fill { background: #000000; color: #ffffff; }
.post-template-single-mbre-newsletter-v1 .report-btn--fill:hover { background: #00A3E0; opacity: 1; }
.post-template-single-mbre-newsletter-v1 .report-btn--outline { border: 1px solid #000000; color: #000000; background: transparent; }
.post-template-single-mbre-newsletter-v1 .report-btn--outline:hover { border-color: #00A3E0; color: #00A3E0; opacity: 1; }


/* ─────────────────────────────────────────────────────────────────── */
/* 17. RESEARCH LIBRARY (S13)                                           */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .research-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.post-template-single-mbre-newsletter-v1 .research-col-title { font-size: 20px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #000000; padding-bottom: 10px; border-bottom: 2px solid #00A3E0; margin-bottom: 0; }
.post-template-single-mbre-newsletter-v1 .research-link { display: block; padding: 14px 0; border-bottom: 1px solid #e2e2e2; font-size: 20px; color: #00A3E0; text-decoration: none; line-height: 1.45; }
.post-template-single-mbre-newsletter-v1 .research-link:hover { color: #007fb0; opacity: 1; }


/* ─────────────────────────────────────────────────────────────────── */
/* 18. CTA BLOCK (S14)                                                  */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .cta-bar { background: #00A3E0; padding: 12px 28px; display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; justify-content: left; }
.post-template-single-mbre-newsletter-v1 .cta-bar span { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; white-space: nowrap; }
.post-template-single-mbre-newsletter-v1 .cta-bar span + span::before { content: '·'; margin-right: 24px; }
.post-template-single-mbre-newsletter-v1 .cta-main { background: #000000; display: grid; grid-template-columns: 1fr 320px; min-height: 340px; }
.post-template-single-mbre-newsletter-v1 .cta-content { padding: 48px 52px; display: flex; flex-direction: column; justify-content: center; }
.post-template-single-mbre-newsletter-v1 .cta-content h2 { color: #ffffff;}
.post-template-single-mbre-newsletter-v1 .cta-content p { color: #ffffff;font-weight: 400;margin-top: 10px; }
.post-template-single-mbre-newsletter-v1 .cta-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.post-template-single-mbre-newsletter-v1 .cta-btn-primary { background: #00A3E0; color: #ffffff; text-decoration: none; font-size: 15px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; padding: 16px 28px; white-space: nowrap; }
.post-template-single-mbre-newsletter-v1 .cta-btn-primary:hover { background: #007fb0; opacity: 1; }
.post-template-single-mbre-newsletter-v1 .cta-btn-secondary { border: 1px solid rgba(255,255,255,0.2); color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; padding: 15px 24px; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.post-template-single-mbre-newsletter-v1 .cta-btn-secondary:hover { border-color: #00A3E0; color: #00A3E0; opacity: 1; }
.post-template-single-mbre-newsletter-v1 .cta-photo { width: 320px; min-height: 340px; background: linear-gradient(135deg, #0a1f35, #003d5c); display: flex; align-items: center; justify-content: center; font-size: 12px; color: rgba(255,255,255,0.3); font-style: italic; overflow: hidden; }
.post-template-single-mbre-newsletter-v1 .cta-photo img { width: 100%; height: 100%; object-fit: cover; }


/* ─────────────────────────────────────────────────────────────────── */
/* 19. SEARCH BOX (S16)                                                 */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 .search-section { background: #f7f7f7; border-top: 3px solid #00A3E0; padding: 40px 44px; text-align: center; }
.post-template-single-mbre-newsletter-v1 .search-section h3 { font-family: 'Playfair Display', serif; font-size: clamp(20px, 2.8vw, 26px); font-weight: 700; color: #000000; margin-bottom: 10px; }
.post-template-single-mbre-newsletter-v1 .search-section p { color: #5a5a5a; margin-bottom: 24px; line-height: 1.6; }
.post-template-single-mbre-newsletter-v1 .search-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.post-template-single-mbre-newsletter-v1 .search-pill { display: inline-block; padding: 6px 14px; border: 1.5px solid #00A3E0; color: #00A3E0; font-size: 16px; font-weight: 500; letter-spacing: 0.06em; text-decoration: none; transition: all 0.15s; }
.post-template-single-mbre-newsletter-v1 .search-pill:hover { background: #00A3E0; color: #ffffff; opacity: 1; }


/* ─────────────────────────────────────────────────────────────────── */
/* 20. FAQs (S17)                                                       */
/* ─────────────────────────────────────────────────────────────────── */

.post-template-single-mbre-newsletter-v1 details.faq-item { border-bottom: 1px solid #e2e2e2; background: #ffffff; }
.post-template-single-mbre-newsletter-v1 details.faq-item:first-of-type { border-top: 1px solid #e2e2e2; }
.post-template-single-mbre-newsletter-v1 summary.faq-q { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; padding: 18px 0px; cursor: pointer; list-style: none; }
.post-template-single-mbre-newsletter-v1 summary.faq-q::-webkit-details-marker { display: none; }
.post-template-single-mbre-newsletter-v1 .faq-n { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: rgba(0,0,0,0.09); line-height: 1; text-align: center; }
.post-template-single-mbre-newsletter-v1 .faq-qt { font-family: 'Montserrat', serif; font-weight: 500; font-size:22px; margin-bottom:0; }
.post-template-single-mbre-newsletter-v1 .faq-ico { width: 24px; height: 24px; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; color: #5a5a5a; }
.post-template-single-mbre-newsletter-v1 details[open] .faq-ico { background: #00A3E0; border-color: #00A3E0; color: #ffffff; }
.post-template-single-mbre-newsletter-v1 details[open] .faq-ico::before { content: '−';font-weight: 500; font-size: 20px; }
.post-template-single-mbre-newsletter-v1 details:not([open]) .faq-ico::before { content: '+';font-weight: 500; color: #5A5A5A; font-size: 20px; }
.post-template-single-mbre-newsletter-v1 .faq-ans { padding: 4px 0px 18px 0px; margin-top: -10px;}

/* Global: Breakpoint CSS */
@media (min-width: 1100px) {
    .post-template-single-mbre-newsletter-v1 .mr-card-download-main-row{ grid-template-columns: 1fr 1fr; }
    .post-template-single-mbre-newsletter-v1 .report-card {grid-template-columns: 250px 1fr;}
}

/* Global: Breakpoint CSS */
@media (max-width: 768px) {
    .post-template-single-mbre-newsletter-v1 details.article-row summary { flex-direction: column; }
    .post-template-single-mbre-newsletter-v1 .read-lnk{ align-self: start; }
    .mbre-nbc-layout {
        flex-direction: column;
        gap:5px;
    }

  .mbre-video-wrap {
    height: auto;
    padding-top: 56.25%; /* 16:9 ratio */
  }

  .mbre-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* ─────────────────────────────────────────────────────────────────── */
/* 21. MOBILE (≤660px)                                                  */
/* ─────────────────────────────────────────────────────────────────── */

@media (max-width: 660px) {
    .nl-h2 { font-size: 30px !important; }
    .post-template-single-mbre-newsletter-v1 .mr-card-download-main-row{ display: grid; grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .nl-section,
    .post-template-single-mbre-newsletter-v1 .nl-section--tight { padding: 40px 0; }
    .post-template-single-mbre-newsletter-v1 .nl-wrap {  }

    .post-template-single-mbre-newsletter-v1 .nl-signup { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .signup-left { padding: 36px 28px 28px 32px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.24); }
    .post-template-single-mbre-newsletter-v1 .signup-right { padding: 28px 28px 36px 32px; }

    .post-template-single-mbre-newsletter-v1 .chart-grid { grid-template-columns: 1fr; }

    .post-template-single-mbre-newsletter-v1 .news-featured { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .news-feat-price { border-left: none; border-top: 1px solid rgba(255,255,255,0.09); padding-left: 0; padding-top: 18px; }
    .post-template-single-mbre-newsletter-v1 .news-stats { grid-template-columns: 1fr 1fr; }
    .post-template-single-mbre-newsletter-v1 .news-stats .nstat:last-child { grid-column: span 2; }
    .post-template-single-mbre-newsletter-v1 .art-inner,
    .post-template-single-mbre-newsletter-v1 .art-inner--with-img { grid-template-columns: 1fr; gap: 10px; }
    .post-template-single-mbre-newsletter-v1 .art-thumb { width: 100%; height: 140px; }

    .post-template-single-mbre-newsletter-v1 .pr-spotlight { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .pr-links { border-left: none; border-top: 1px solid rgba(255,255,255,0.30); padding-left: 0; padding-top: 18px; align-items: flex-start; }

    .post-template-single-mbre-newsletter-v1 .card-row-2 { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .research-grid { grid-template-columns: 1fr; }

    .post-template-single-mbre-newsletter-v1 .cta-main { grid-template-columns: 1fr; overflow:hidden; }
    .post-template-single-mbre-newsletter-v1 .cta-bar { justify-content: center; text-align: center; }
    .post-template-single-mbre-newsletter-v1 .cta-bar span { white-space: normal; word-break: break-word; }
    .post-template-single-mbre-newsletter-v1 .cta-photo { width: 100%; min-height: 240px; }
    .post-template-single-mbre-newsletter-v1 .cta-content { padding: 36px 28px; order: 1;}
    .post-template-single-mbre-newsletter-v1 .cta-bar span + span::before{ display:none; }
    .post-template-single-mbre-newsletter-v1 .report-card { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .report-cover { width: 100%; min-height: 120px; }
    .post-template-single-mbre-newsletter-v1 .report-info { padding: 18px 20px; }

    .commentary-cred-role span { display:none; }
    .post-template-single-mbre-newsletter-v1 .stat-pills { gap: 6px; }
    .post-template-single-mbre-newsletter-v1 .stat-pill { min-width: 100px; padding: 15px 15px; flex: 0 0 calc(50% - 3px); max-width: 100%;}
    .post-template-single-mbre-newsletter-v1 .sp-val{ font-size: 22px; }
    .post-template-single-mbre-newsletter-v1 .sp-label{ font-size: 16px;letter-spacing: unset; }
    .post-template-single-mbre-newsletter-v1 .sp-context { font-size: 15px;}
    .post-template-single-mbre-newsletter-v1 table.nl-tbl { font-size: 13px; }
    .post-template-single-mbre-newsletter-v1 table.nl-tbl thead th { font-size: 10px; padding: 9px 10px; }
    .post-template-single-mbre-newsletter-v1 table.nl-tbl tbody td { padding: 9px 10px; font-size: 15px !important; }

    .post-template-single-mbre-newsletter-v1 .eyebrow { flex-wrap: wrap; gap: 0; row-gap: 2px; }
    .post-template-single-mbre-newsletter-v1 .eyebrow-text { white-space: normal; width: 100%; }
    .post-template-single-mbre-newsletter-v1 .eyebrow-text + .eyebrow-line { display: none; }
    .post-template-single-mbre-newsletter-v1 summary.faq-q h3{ font-size: 18px !important; letter-spacing: 1px; margin-bottom: 0;}
    .post-template-single-mbre-newsletter-v1 .faq-ans { font-size: 16px;margin-top: -10px; }
    .post-template-single-mbre-newsletter-v1 .search-section { padding: 28px 15px 40px 15px; }

    .post-template-single-mbre-newsletter-v1 .img-pair { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .img-pair-caption { grid-template-columns: 1fr; }
    .post-template-single-mbre-newsletter-v1 .chart-val {
        font-size: 18px;
        font-weight: 500;
    }
    .post-template-single-mbre-newsletter-v1 .chart-card{ padding: 10px; }
    .post-template-single-mbre-newsletter-v1 details.article-row summary{ flex-direction: column; }
    .post-template-single-mbre-newsletter-v1 details.article-row summary p { margin-bottom: 0px; }
    .post-template-single-mbre-newsletter-v1 .research-link{ font-size: 18px; }

}

@media (max-width: 480px) {

    .post-template-single-mbre-newsletter-v1 .mbre-nl-card { padding: 18px 16px; margin-top: -28px; }
    .post-template-single-mbre-newsletter-v1 .commentary-cred-bar { margin-bottom: 10px;align-items: flex-start; gap: 10px; }

}
@media (max-width:400px){
    .post-template-single-mbre-newsletter-v1 .chart-head{ flex-direction: column; }
    .post-template-single-mbre-newsletter-v1 .chart-num{ padding-top: 15px; margin-bottom: -10px; }
}
.mbre-toc-block { background-color: #F7F7F7; border-left: 4px solid #00A3E0; padding: 24px 28px; margin: 32px 0; border-radius: 4px; }
.mbre-toc-label { font-weight: 700; margin: 0 0 12px 0 !important; color: #1C1C1C; }
.mbre-toc-list { margin: 0; padding: 0 0 0 20px; }
.mbre-toc-list a{color: var(--blue);}
blockquote.commentary-pull::before { content: '"'; }
/* sportlight S9-1 */
.mbre-listing-callout {
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-left: 4px solid #00A3E0;
    padding: 18px 22px;
    margin: 5px 0;
    border-radius: 4px;

}
.mbre-record-sale-wrap {
  display: flex;
  gap: 30px;
  align-items: stretch;
}

/* LEFT */
.mbre-record-sale-text {
  flex: 1 40%;
}

/* RIGHT IMAGE COLUMN */
.mbre-record-sale-image {
  flex: 1;
  position: relative;
  min-height: 100%;
}

/* BACKGROUND IMAGE */
.mbre-record-sale-image-inner {
  position: absolute;
  inset: 0;
  background-image: url("https://www.mattbrownrealestate.com/wp-content/uploads/4300-brynwood-dr-naples-quail-west-golf-community-under-contract.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* MOBILE */
@media (max-width: 768px) {
  .mbre-record-sale-wrap {
    flex-direction: column;
  }

  .mbre-record-sale-image {
    min-height: 300px;
  }
}

/* START: Naplex X Club Feature - Text & Video */
/* Sidebar */
.mbre-sidebar-feature {
  background-color: #E8F6FC;
  border-left: 4px solid #00A3E0;
  border-radius: 4px;
}

.mbre-sidebar-feature h3 { margin-top: 0; }
.mbre-sidebar-feature ul { margin: 12px 0; padding-left: 20px; }
.mbre-sidebar-feature li { margin-bottom: 8px; }


/* Layout */
.mbre-nbc-layout {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

/* Left text */
.mbre-nbc-copy {
  flex: 1; padding: 30px;
}
.mbre-nbc-copy p {
    margin-bottom: 15px;
}

/* Right video */
.mbre-nbc-video-col {
  flex: 1;
  display: flex;
}

/* Video wrapper */
.mbre-video-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 320px;
}

/* Make iframe fill space */
.mbre-video-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* END: Naplex X Club Feature - Text & Video */
/*-- ====== v5 CHANGE 6: Both featured listing callouts restructured to two-column layout with copy left + photo placeholder right. Each callout gained a third descriptor line about beach proximity. ====== */
.mbre-listing-with-photo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-left: 4px solid #00A3E0;
    /*padding: 18px 22px;*/
    margin: 14px 0;
}

.mbre-listing-with-photo-copy {
    flex: 1 1 60%;
    min-width: 260px;
    padding: 30px;
}

.mbre-listing-spec
 {
    font-size: 18px;
    color: #5A5A5A;
    margin-top: 6px;
    display: block;
}

.mbre-listing-context {
    /*font-size: 14px;*/
    color: #1C1C1C;
    margin-top: 8px;
    display: block;
    line-height: 1.5;
}

.mbre-listing-with-photo-img {
    flex: 1 1 35%;
    min-width: 220px;
}

.mbre-listing-with-photo-img-placeholder {
    width: 100%;
    height: 200px;
    background-color: #F7F7F7;
    border: 1px dashed #C0C0C0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    color: #8A8A8A;
    padding: 12px;
    box-sizing: border-box;
}