/* =========================================================================
   Pages SEO migrees (page-seo-migrated) — habillage museal.
   Le content_html V1 embarque des styles inline hors-charte
   (color:#2c3e50, #666, font-size:2.5em…). On les neutralise via des
   selecteurs cibles + !important, et on impose la grille editoriale.
   ========================================================================= */

body.page-seo-migrated {
    background: var(--museum-white, #fff);
}

/* Conteneur : colonne de lecture centree, large respiration verticale. */
body.page-seo-migrated .seo-content-wrap {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(40px, 6vw, 88px) var(--gutter, 24px) clamp(56px, 8vw, 110px);
}

/* Le content_html re-wrappe parfois dans <article class="seo-content"> :
   on neutralise le double padding/max-width. */
body.page-seo-migrated .seo-content-wrap .seo-content,
body.page-seo-migrated .seo-content-wrap article {
    max-width: none;
    margin: 0;
    padding: 0;
}

/* ---- Titres ---- */
body.page-seo-migrated h1 {
    font-family: var(--font-display, "Cormorant Garamond", serif) !important;
    font-weight: 400 !important;
    font-size: clamp(2rem, 4.5vw, 3rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    color: var(--museum-black, #0a0a0a) !important;
    margin: 0 0 28px 0 !important;
}
/* Les contenus V1 imbriquent parfois h2/ul dans le h1 — on remet ces
   enfants a une taille normale pour eviter un bloc geant. */
body.page-seo-migrated h1 h2,
body.page-seo-migrated h1 ul,
body.page-seo-migrated h1 li {
    font-size: 1rem !important;
    font-weight: 400 !important;
    font-family: var(--font-sans, "Inter", sans-serif) !important;
    line-height: 1.6 !important;
    display: block;
}

body.page-seo-migrated h2 {
    font-family: var(--font-display, "Cormorant Garamond", serif) !important;
    font-weight: 400 !important;
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    color: var(--museum-black, #0a0a0a) !important;
    margin: 48px 0 16px 0 !important;
    padding-top: 28px;
    border-top: 1px solid var(--border, #e6e6e6);
}
body.page-seo-migrated section:first-of-type h2 { border-top: none; padding-top: 0; }

body.page-seo-migrated h3 {
    font-family: var(--font-display, "Cormorant Garamond", serif) !important;
    font-weight: 500 !important;
    font-size: clamp(1.2rem, 2.4vw, 1.5rem) !important;
    color: var(--museum-black, #0a0a0a) !important;
    margin: 32px 0 12px 0 !important;
}
body.page-seo-migrated h4 {
    font-weight: 600 !important;
    font-size: 1.02rem !important;
    color: var(--museum-black, #0a0a0a) !important;
    margin: 24px 0 10px 0 !important;
    letter-spacing: .01em;
}

/* ---- Corps de texte ---- */
body.page-seo-migrated p {
    font-size: 1.05rem !important;
    line-height: 1.78 !important;
    color: color-mix(in srgb, var(--museum-black, #0a0a0a) 84%, transparent) !important;
    margin: 0 0 18px 0 !important;
}
body.page-seo-migrated strong { color: var(--museum-black, #0a0a0a) !important; font-weight: 600; }
body.page-seo-migrated em { color: inherit; }

/* ---- Sections ---- */
body.page-seo-migrated section {
    margin: 0 0 8px 0 !important;
}

/* ---- Listes ---- */
body.page-seo-migrated ul,
body.page-seo-migrated ol {
    margin: 0 0 22px 0 !important;
    padding-left: 1.4em !important;
}
body.page-seo-migrated li {
    font-size: 1.02rem !important;
    line-height: 1.7 !important;
    color: color-mix(in srgb, var(--museum-black, #0a0a0a) 84%, transparent) !important;
    margin-bottom: 8px !important;
}
body.page-seo-migrated ul li::marker { color: var(--museum-gold, #c9a86a); }
body.page-seo-migrated ol li::marker { color: var(--museum-gold, #c9a86a); font-weight: 600; }

/* ---- Liens ---- */
body.page-seo-migrated .seo-content-wrap a {
    color: var(--museum-black, #0a0a0a) !important;
    text-decoration: underline;
    text-decoration-color: var(--museum-gold, #c9a86a);
    text-underline-offset: 3px;
    transition: color .2s;
}
body.page-seo-migrated .seo-content-wrap a:hover {
    color: var(--museum-gold, #c9a86a) !important;
}

/* ---- Meta "Mise à jour" (div gris V1) ---- */
body.page-seo-migrated .seo-content-wrap > article > div:first-of-type span,
body.page-seo-migrated div[style*="font-size:14px"] span {
    font-size: 0.8rem !important;
    color: color-mix(in srgb, var(--museum-black, #0a0a0a) 50%, transparent) !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* ---- Images dans le contenu ---- */
body.page-seo-migrated .seo-content-wrap img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 28px auto;
    border: 1px solid var(--border, #e6e6e6);
}

/* ---- Tables ---- */
body.page-seo-migrated table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 0.95rem;
}
body.page-seo-migrated th,
body.page-seo-migrated td {
    border: 1px solid var(--border, #e6e6e6);
    padding: 10px 14px;
    text-align: left;
}
body.page-seo-migrated th {
    background: var(--museum-gray, #f5f5f5);
    font-weight: 600;
}

/* ---- Bloc CTA final (si present) + lien interne maillage ---- */
body.page-seo-migrated .seo-content-wrap blockquote {
    margin: 28px 0;
    padding: 18px 24px;
    border-left: 3px solid var(--museum-gold, #c9a86a);
    background: var(--museum-gray, #f5f5f5);
    font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
    body.page-seo-migrated .seo-content-wrap a { transition: none; }
}