/* ============================================================
   MBV2 — Base (reset normalisé + typographie globale Navy Pop)
   ============================================================ */

/* ── Reset léger ciblé (ne touche pas body pour ne pas casser parent) ── */
.mb-scope * {
    box-sizing: border-box;
}

/* ── Typographie racine dans les zones Navy Pop ── */
body.mb-v2,
.mb-scope {
    font-family: var(--mb-font-body);
    font-size: var(--mb-body);
    line-height: 1.6;
    color: var(--mb-text);
    background: var(--mb-cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Titres par défaut ── */
.mb-scope h1, .mb-scope h2, .mb-scope h3, .mb-scope h4 {
    font-family: var(--mb-font-display);
    font-weight: 900;
    color: var(--mb-navy);
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0 0 0.5em;
}
.mb-scope h1 { font-size: var(--mb-h1-home); line-height: 0.98; letter-spacing: -0.03em; }
.mb-scope h2 { font-size: var(--mb-h2); }
.mb-scope h3 { font-size: var(--mb-h3); }

.mb-scope p, .mb-scope ul, .mb-scope ol {
    margin: 0 0 1em;
}
.mb-scope p { color: var(--mb-text-sec); line-height: 1.7; }

/* ── Highlight safran (sur titres) ── */
.mb-scope .hl {
    background: var(--mb-saf);
    color: var(--mb-navy);
    padding: 0 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* ── Italique éditorial Fraunces ── */
.mb-scope .it {
    font-family: var(--mb-font-serif);
    font-style: italic;
    font-weight: 400;
    letter-spacing: -0.01em;
}

/* ── Liens par défaut ── */
.mb-scope a {
    color: var(--mb-navy);
    text-decoration: underline;
    text-decoration-color: var(--mb-saf);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: color var(--mb-t-fast);
}
.mb-scope a:hover {
    color: var(--mb-saf-d);
}

/* ── Focus ring accessible ── */
.mb-scope :focus-visible {
    outline: 3px solid var(--mb-saf);
    outline-offset: 3px;
    border-radius: 2px;
}

/* ── Sélection texte ── */
.mb-scope ::selection {
    background: var(--mb-saf);
    color: var(--mb-navy);
}

/* ── Images par défaut dans le scope ── */
.mb-scope img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ── Figure IA (caption obligatoire) ── */
.mb-figure.mb-figure--ai {
    position: relative;
    margin: 0;
}
.mb-figure.mb-figure--ai .mb-figcaption--ai {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 600;
    color: var(--mb-muted);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
    border-radius: 4px;
    letter-spacing: 0.02em;
    pointer-events: none;
}

/* ── Utilitaires ── */
.mb-sr-only {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}
.mb-text-center { text-align: center; }
.mb-text-left   { text-align: left; }