/* =====================================================
   Anaëlle – nouvelle identité « apothicaire » sur les articles (APERÇU, ?charte=v2)
   Chargé par anaelle-charte-v2.php seulement pendant l'aperçu.
   Palette de l'accueil v2 : fond #e2dad3, gris #b7b7ac, encre #56524f,
   brique #734440 ; polices Special Elite, Playfair Display italique, Quicksand.
   Créé le 2026-10-29 (Claude / Yoann).
   ===================================================== */

body.am-charte-v2 {
    --anaelle-ink: #56524f;
    --anaelle-muted: #56524f;
    --anaelle-line: #56524f;
    --anaelle-soft: #e2dad3;
    --anaelle-card: #e2dad3;
    --anaelle-accent: #56524f;
    --anaelle-accent-deep: #56524f;
    --anaelle-shadow: none;
}

/* [2026-10-29] Fond blanc (demande du user : mélange ancien / nouveau modèle). */
body.am-charte-v2 #main {
    background: #fff;
}

/* [2026-10-29] Titre, fil d'ariane, temps de lecture, date et image à la une : ceux de l'ancien
   modèle (style.css), plus de surcharge ici. */

body.am-charte-v2 .anaelle-article__intro-card {
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

body.am-charte-v2 .anaelle-article__intro,
body.am-charte-v2 .anaelle-article__intro p {
    color: #56524f;
}

body.am-charte-v2 .anaelle-article__intro strong,
body.am-charte-v2 .anaelle-article__intro em,
body.am-charte-v2 .anaelle-article__intro-hook {
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    font-weight: 100 !important;
    text-align: left;
}

/* ----- Sommaire ----- */
body.am-charte-v2 .anaelle-article__summary-inner,
body.am-charte-v2 .anaelle-article__summary:not(.is-collapsed) .anaelle-article__summary-inner {
    border: 0.5px solid #56524f;
    border-radius: 0;
    background: #b7b7ac;
    background-image: none;
    box-shadow: none;
}

body.am-charte-v2 .anaelle-article__summary.is-sticky .anaelle-article__summary-inner {
    box-shadow: 0 8px 18px rgba(40, 36, 34, 0.18);
}

body.am-charte-v2 .anaelle-article__summary-title {
    background: #56524f;
    color: #e2dad3;
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
    letter-spacing: 0.24em;
}

body.am-charte-v2 .anaelle-article__summary-list a,
body.am-charte-v2 .anaelle-article__summary-list a.is-past {
    color: rgba(86, 82, 79, 0.75);
    background: #fff;
}

body.am-charte-v2 .anaelle-article__summary-list a:hover,
body.am-charte-v2 .anaelle-article__summary-list a.is-active {
    color: #56524f;
}

body.am-charte-v2 .anaelle-article__summary-list a.is-active {
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
    font-weight: 700;
}

/* ----- Corps de l'article ----- */
body.am-charte-v2 .anaelle-article__section h2,
body.am-charte-v2 .anaelle-article__related h2,
body.am-charte-v2 .anaelle-form-swiper h2 {
    color: #56524f;
    font-family: "Special Elite", "courier-new", "Courier New", Courier, monospace;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
}

body.am-charte-v2 .anaelle-article__wysiwyg,
body.am-charte-v2 .anaelle-article__section,
body.am-charte-v2 .anaelle-article__section p,
body.am-charte-v2 .anaelle-article__section li,
body.am-charte-v2 .anaelle-article__related li {
    color: #56524f;
}

body.am-charte-v2 .anaelle-article__wysiwyg strong,
body.am-charte-v2 .anaelle-article__section strong {
    color: #3f3b39;
}

body.am-charte-v2 .anaelle-article__wysiwyg h3,
body.am-charte-v2 .anaelle-article__section h3 {
    padding-left: 13px !important;
    background: #56524f;
    color: #e2dad3;
    font-family: "quicksand", "Quicksand", sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.am-charte-v2 .anaelle-article__wysiwyg a,
body.am-charte-v2 .anaelle-article__related a,
body.am-charte-v2 .anaelle-article__section a {
    color: #56524f;
    text-decoration-color: rgba(86, 82, 79, 0.5);
}

body.am-charte-v2 .anaelle-article__wysiwyg a:hover,
body.am-charte-v2 .anaelle-article__related a:hover,
body.am-charte-v2 .anaelle-article__section a:hover {
    background: #56524f;
    color: #e2dad3;
    text-decoration: none;
}

/* Grandes citations (blocs « pre ») : étiquette grise. */
body.am-charte-v2 .anaelle-article__wysiwyg pre {
    border: 2px solid #56524f;
    border-radius: 0;
    background: #b7b7ac;
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
}

/* FAQ dépliables. */
body.am-charte-v2 .anaelle-article__subfaq {
    margin: 0;
    padding: 12px 0;
    border-top: 1.5px solid #56524f;
}

body.am-charte-v2 .anaelle-article__subfaq:last-of-type {
    border-bottom: 1.5px solid #56524f;
}

body.am-charte-v2 .anaelle-article__subfaq summary {
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
}

body.am-charte-v2 .anaelle-article__subfaq summary:hover {
    color: #3f3b39;
}

/* « Pour aller plus loin » : liste en cases. */
body.am-charte-v2 .anaelle-article__related ul {
    border-top: 1.5px solid #56524f;
}

body.am-charte-v2 .anaelle-article__related li {
    margin: 0;
    padding: 12px 4px;
    border-bottom: 1.5px solid #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.am-charte-v2 .anaelle-article__related li a {
    text-decoration: none;
}

/* Boutons. */
body.am-charte-v2 .anaelle-article__button,
body.am-charte-v2 .anaelle-article-card__link span {
    border-radius: 0;
    background: #56524f;
    box-shadow: none;
    color: #e2dad3;
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ----- Bloc diagnostic dans l'article (comme les pré-formulaires de l'accueil) ----- */
body.am-charte-v2 .anaelle-form-swiper {
    border-color: #56524f;
}

body.am-charte-v2 .anaelle-form-swiper .anaelle-article__eyebrow {
    padding: 3px 10px;
    background: #56524f;
    color: #e2dad3;
    font-family: "quicksand", "Quicksand", sans-serif;
    font-weight: 400;
}

body.am-charte-v2 .anaelle-form-swiper__header h2 {
    color: #56524f;
}

body.am-charte-v2 .anaelle-form-swiper__controls button {
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
    color: #56524f;
}

body.am-charte-v2 .anaelle-form-swiper__controls button:hover {
    background: #56524f;
    color: #e2dad3;
    transform: none;
}

body.am-charte-v2 .anaelle-form-swiper__slide {
    border: 2px solid #56524f;
    border-radius: 0;
    background: #b7b7ac;
}

body.am-charte-v2 .anaelle-form-swiper__badge {
    border-radius: 0;
    background: #56524f;
    color: #e2dad3;
    font-family: "Special Elite", "courier-new", monospace;
}

body.am-charte-v2 .anaelle-form-swiper__slide h3 {
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
}

body.am-charte-v2 .anaelle-form-swiper__slide .anaelle-article__wysiwyg {
    color: #56524f;
}

body.am-charte-v2 .anaelle-form-entry__question-label {
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 18px;
}

body.am-charte-v2 .anaelle-form-entry__choices {
    gap: 0;
}

body.am-charte-v2 .anaelle-form-entry__choice {
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
    color: #56524f;
    padding-left: 54px;
    font-family: "Special Elite", "courier-new", monospace;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.am-charte-v2 .anaelle-form-entry__choice + .anaelle-form-entry__choice {
    border-top: 0;
}

body.am-charte-v2 .anaelle-form-entry__choice::before {
    left: 16px;
    width: 22px;
    height: 22px;
    border: 1.5px solid #56524f;
    background: transparent;
}

body.am-charte-v2 .anaelle-form-entry__choice:hover {
    border-color: #56524f;
    background: rgba(255, 255, 255, 0.4);
}

body.am-charte-v2 .anaelle-form-entry__choice.is-selected {
    border-color: #56524f;
    background: #56524f;
    color: #e2dad3;
}

body.am-charte-v2 .anaelle-form-entry__choice.is-selected::before {
    border-color: #e2dad3;
    background: #e2dad3;
    box-shadow: inset 0 0 0 5px #56524f;
}

/* ----- Articles liés et pré-footer (styles en ligne d'anaelle-related / anaelle-prefooter) ----- */
body.am-charte-v2 .anaelle-related .ara-title {
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.am-charte-v2 .anaelle-related .ara-title span {
    padding: 0 6px;
    background: #56524f;
    color: #e2dad3;
}

body.am-charte-v2 .anaelle-related .ara-list {
    gap: 0;
}

body.am-charte-v2 .anaelle-related .ara-item a {
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
}

body.am-charte-v2 .anaelle-related .ara-item + .ara-item a {
    border-top: 0;
}

body.am-charte-v2 .anaelle-related .ara-item a:hover {
    border-color: #56524f;
    background: #b7b7ac;
}

body.am-charte-v2 .anaelle-related .ara-thumb {
    border-radius: 0;
}

body.am-charte-v2 .anaelle-related .ara-h,
body.am-charte-v2 .anaelle-related .ara-item a:hover .ara-h {
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
}

body.am-charte-v2 .anaelle-related .ara-x {
    color: #56524f;
}

body.am-charte-v2 .anaelle-prefooter {
    border-top: 2px solid #56524f;
    background: #b7b7ac;
}

body.am-charte-v2 .anaelle-prefooter .apf-eyebrow {
    display: inline-block;
    padding: 3px 10px;
    background: #56524f;
    color: #e2dad3;
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
}

body.am-charte-v2 .anaelle-prefooter .apf-toggle,
body.am-charte-v2 .anaelle-prefooter .apf-panel a {
    color: #56524f;
}

body.am-charte-v2 .anaelle-prefooter .apf-toggle {
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
}

body.am-charte-v2 .anaelle-prefooter .apf-toggle:hover,
body.am-charte-v2 .anaelle-prefooter .apf-toggle:focus-visible,
body.am-charte-v2 .anaelle-prefooter .apf-panel a:hover {
    color: #3f3b39;
}

body.am-charte-v2 .anaelle-prefooter .apf-toggle:focus-visible {
    outline-color: #56524f;
}

/* ----- [2026-10-29] Intro + sommaire réunis dans un même « tableau » -----
   L'encadré d'intro est la 1re case ; le sommaire, juste dessous, la 2e, avec un bandeau
   « SOMMAIRE » foncé sur toute la largeur et les liens en lignes. Coins arrondis en bas du tableau.
   Quand le sommaire se fixe en haut de l'écran (défilement), il redevient un bloc autonome. */
body.am-charte-v2 .anaelle-article__hero {
    margin-bottom: 0;
}

body.am-charte-v2 .anaelle-article__intro-card {
    box-sizing: border-box;
    width: min(100%, 688px);
    border: 1.5px solid #56524f;
    border-bottom: 0;
    border-radius: 0;
}

body.am-charte-v2 .anaelle-article__summary {
    width: min(100%, 768px);
    margin-bottom: 34px;
}

body.am-charte-v2 .anaelle-article__summary:not(.is-sticky) .anaelle-article__summary-inner {
    border: 1.5px solid #56524f;
    border-radius: 0;
}

body.am-charte-v2 .anaelle-article__summary-inner,
body.am-charte-v2 .anaelle-article__summary:not(.is-collapsed) .anaelle-article__summary-inner {
    align-items: stretch;
    padding: 0 0 6px;
    background: #f3efeb;
}

body.am-charte-v2 .anaelle-article__summary.is-sticky .anaelle-article__summary-inner {
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: #f3efeb;
}

body.am-charte-v2 .anaelle-article__summary-title {
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 10px 16px;
    font-family: "quicksand", "Quicksand", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

body.am-charte-v2 .anaelle-article__summary.is-collapsed .anaelle-article__summary-title {
    margin: 0;
}

body.am-charte-v2 .anaelle-article__summary.is-collapsed .anaelle-article__summary-inner {
    padding-bottom: 0;
}

body.am-charte-v2 .anaelle-article__summary-list {
    align-items: stretch;
    gap: 0;
}

body.am-charte-v2 .anaelle-article__summary-list li {
    border-bottom: 1px solid rgba(86, 82, 79, 0.35);
}

body.am-charte-v2 .anaelle-article__summary-list li:last-child {
    border-bottom: 0;
}

body.am-charte-v2 .anaelle-article__summary-list a,
body.am-charte-v2 .anaelle-article__summary-list a.is-past,
body.am-charte-v2 .anaelle-article__summary-list a.is-active {
    padding: 10px 16px;
}

body.am-charte-v2 .anaelle-article__summary-list a.is-active {
    background: rgba(86, 82, 79, 0.1);
}

@media (max-width: 900px) {
    body.am-charte-v2 .anaelle-article__intro-card {
        width: calc(100% - 34px);
        margin-top: -43px;
        padding: 16px 16px 12px;
    }

    body.am-charte-v2 .anaelle-article__summary-inner {
        padding: 0 0 4px;
    }

    body.am-charte-v2 .anaelle-article__summary:not(.is-sticky) {
        padding: 0 17px;
    }

    body.am-charte-v2 .anaelle-article__summary-title {
        margin-top: 0;
    }
}

/* Mobile : le titre ne doit pas couper les mots longs (« TRANSGÉNÉRATIONNELLES »). */
@media (max-width: 900px) {
    /* Titres de section en Special Elite 35 px : réduits sur téléphone pour que les mots longs tiennent. */
    body.am-charte-v2 .anaelle-article__section h2,
    body.am-charte-v2 .anaelle-article__related h2,
    body.am-charte-v2 .anaelle-form-swiper h2 {
        font-size: min(35px, 6.6vw);
        line-height: 1.2;
    }

}

/* ----- Bandeau d'aperçu ----- */
.am-charte-badge {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 9995;
    padding: 6px 10px;
    background: #734440;
    color: #e2dad3 !important;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-decoration: none !important;
    text-transform: uppercase;
}

/* =====================================================
   [2026-10-29] Diagnostics en fenêtre, identité « apothicaire » — copie pour les articles en aperçu.
   Le formulaire est déplacé à la fin de <body> en popup : on cible la classe du modèle sur <body>.
   Les autres pages (articles, /livre/) gardent anaelle-diagnostic.css tel quel.
   ===================================================== */
body.am-charte-v2 .am-diag-form {
    --ad-ink: #56524f;
    --ad-ink-soft: #56524f;
    --ad-main: #56524f;
    --ad-pale: rgba(255, 255, 255, 0.4);
    --ad-line: #56524f;
    --ad-star: #56524f;
    border: 2px solid #56524f;
    border-radius: 0;
    background: #b7b7ac;
    box-shadow: none;
    color: #56524f;
    font-family: "quicksand", "Quicksand", sans-serif;
}

body.am-charte-v2 .am-diag-backdrop:not([hidden]) {
    background: rgba(40, 36, 34, 0.55);
}

/* Progression : barre « règle », bouton fermer carré. */
body.am-charte-v2 .am-diag-form__progress {
    height: 10px;
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
}

body.am-charte-v2 .am-diag-form__progress span {
    background: #56524f;
}

body.am-charte-v2 .am-diag-form__close {
    width: 42px;
    height: 42px;
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-size: 26px;
}

/* Question. */
body.am-charte-v2 .am-diag-form__q,
body.am-charte-v2 .am-diag-form__title {
    color: #56524f;
    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
    font-weight: 700;
}

body.am-charte-v2 .am-diag-form__req {
    color: #734440;
}

body.am-charte-v2 .am-diag-form__hint,
body.am-charte-v2 .am-diag-form__intro p,
body.am-charte-v2 .am-diag-form__rgpd,
body.am-charte-v2 .am-diag-form__offer p:not(.am-diag-form__q) {
    color: #56524f;
}

/* Réponses : cases empilées à bord commun, rond à gauche (carré pour les choix multiples). */
body.am-charte-v2 .am-diag-form__options {
    gap: 0;
}

body.am-charte-v2 .am-diag-form__opt span {
    position: relative;
    min-height: 56px;
    padding: 15px 14px 14px 58px;
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: transparent;
    color: #56524f;
    font-family: "Special Elite", "courier-new", "Courier New", Courier, monospace;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.3;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.am-charte-v2 .am-diag-form__opt + .am-diag-form__opt span {
    border-top: 0;
}

body.am-charte-v2 .am-diag-form__opt span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 17px;
    width: 24px;
    height: 24px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    transform: translateY(-50%);
}

body.am-charte-v2 .am-diag-form__opt input[type="checkbox"] + span::before {
    border-radius: 0;
}

body.am-charte-v2 .am-diag-form__opt:hover span {
    border-color: #56524f;
    background: rgba(255, 255, 255, 0.4);
}

body.am-charte-v2 .am-diag-form__opt input:checked + span {
    border-color: #56524f;
    background: #56524f;
    color: #e2dad3;
}

body.am-charte-v2 .am-diag-form__opt input:checked + span::before {
    background: #e2dad3;
    box-shadow: inset 0 0 0 5px #56524f;
}

body.am-charte-v2 .am-diag-form__opt input[type="checkbox"]:checked + span::after {
    color: #e2dad3;
}

body.am-charte-v2 .am-diag-form__opt input:focus-visible + span {
    outline: 2px dashed #56524f;
    outline-offset: 2px;
}

/* Champs texte. */
body.am-charte-v2 .am-diag-form__autre,
body.am-charte-v2 .am-diag-form__fields input,
body.am-charte-v2 .am-diag-form textarea {
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.35);
    color: #56524f;
}

body.am-charte-v2 .am-diag-form__autre:focus,
body.am-charte-v2 .am-diag-form__fields input:focus,
body.am-charte-v2 .am-diag-form textarea:focus {
    border-color: #56524f;
    background: rgba(255, 255, 255, 0.6);
}

body.am-charte-v2 .am-diag-form__fields label {
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.am-charte-v2 .am-diag-form__error {
    color: #734440;
}

/* Navigation : bande du bas, boutons carrés. */
body.am-charte-v2 .am-diag-form.is-immersive .am-diag-form__nav {
    border-top: 1.5px solid #56524f;
    background: #b7b7ac;
}

body.am-charte-v2 .am-diag-form__prev {
    color: #56524f;
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-decoration: underline;
    text-transform: uppercase;
}

body.am-charte-v2 .am-diag-form__next,
body.am-charte-v2 .am-diag-form__submit {
    padding: 13px 22px;
    border: 1.5px solid #56524f;
    border-radius: 0;
    background: #56524f;
    color: #e2dad3;
    font-family: "Special Elite", "courier-new", monospace;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.am-charte-v2 .am-diag-form__next:hover,
body.am-charte-v2 .am-diag-form__submit:hover {
    background: #3f3b39;
}

/* Ordinateur : fenêtre au cadre droit. */
@media (min-width: 768px) {
    body.am-charte-v2 .am-diag-form.is-immersive {
        border-radius: 0;
        box-shadow: 0 30px 80px rgba(40, 36, 34, 0.35);
    }

    body.am-charte-v2 .am-diag-form.is-immersive .am-diag-form__nav {
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    body.am-charte-v2 .am-diag-form.is-immersive {
        border: 0;
    }
}

/* [2026-10-29] Étoiles (accueil v2) : en contour tant qu'elles ne sont pas choisies, pleines ensuite.
   (Avec la charte, la couleur « vide » et la couleur « pleine » étaient identiques.) */
body.am-charte-v2 .am-diag-form__stars label {
    color: transparent;
    -webkit-text-stroke: 1.5px #56524f;
}

body.am-charte-v2 .am-diag-form__stars input:checked ~ label,
body.am-charte-v2 .am-diag-form__stars label:hover,
body.am-charte-v2 .am-diag-form__stars label:hover ~ label {
    color: #56524f;
}

body.am-charte-v2 .am-diag-form__stars input:focus-visible + label {
    outline: 2px dashed #56524f;
}

/* [2026-10-29] Sommaire replié : le bandeau foncé suit les coins arrondis du tableau
   (sinon ses coins carrés dépassaient des coins arrondis du cadre). */
body.am-charte-v2 .anaelle-article__summary-inner {
    overflow: hidden;
}

body.am-charte-v2 .anaelle-article__summary.is-collapsed .anaelle-article__summary-inner {
    background: #56524f;
}

/* [2026-10-29] Pré-formulaires : une teinte par diagnostic pour les différencier. */
body.am-charte-v2 .anaelle-form-swiper__slide:has([data-diag-entry="transgenerationnel"]) {
    background: #b7b7ac;
}

body.am-charte-v2 .anaelle-form-swiper__slide:has([data-diag-entry="memoires-cellulaires"]) {
    background: #cfc3b6;
}

body.am-charte-v2 .anaelle-form-swiper__slide:has([data-diag-entry="dependance-affective"]) {
    background: #e2dad3;
}

/* [2026-10-29] Tableau intro + sommaire sur fond blanc ; phrase d'accroche en bandeau foncé. */
body.am-charte-v2 .anaelle-article__summary-inner,
body.am-charte-v2 .anaelle-article__summary:not(.is-collapsed) .anaelle-article__summary-inner,
body.am-charte-v2 .anaelle-article__summary.is-sticky .anaelle-article__summary-inner {
    background: #fff;
}

body.am-charte-v2 .anaelle-article__summary.is-collapsed .anaelle-article__summary-inner {
    background: #56524f;
}

body.am-charte-v2 .anaelle-article__intro .anaelle-article__intro-hook {
    margin: 0 0 14px;
    padding: 12px 14px;
    border-bottom: 0.5px solid #56524f;
    background: #e2dad3;
    color: #56524f;
}

/* Accroche : bandeau sur toute la largeur du tableau (annule la marge intérieure de l'encadré). */
body.am-charte-v2 .anaelle-article__intro-card {
    padding-top: 0;
}

body.am-charte-v2 .anaelle-article__intro .anaelle-article__intro-hook {
    margin: 0 -26px 16px;
    padding: 14px 26px;
}

@media (max-width: 900px) {
    body.am-charte-v2 .anaelle-article__intro .anaelle-article__intro-hook {
        margin: 0 -16px 14px;
        padding: 12px 16px;
    }
}

/* [2026-10-29] Tableau intro + sommaire : traits à 0,5 px (cadre, séparations). */
body.am-charte-v2 .anaelle-article__intro-card {
    border-width: 0.5px;
}

body.am-charte-v2 .anaelle-article__summary:not(.is-sticky) .anaelle-article__summary-inner,
body.am-charte-v2 .anaelle-article__summary.is-sticky .anaelle-article__summary-inner {
    border-width: 0.5px;
}

body.am-charte-v2 .anaelle-article__summary-list li {
    border-bottom-width: 0.5px;
}

/* [2026-10-29] Sous-titres en bandeau : un peu d'air au-dessus et en dessous du texte. */
body.am-charte-v2 .anaelle-article__wysiwyg h3,
body.am-charte-v2 .anaelle-article__section h3 {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3;
}