/* Articles d'enquête (17/10/2026) : mise en page magazine, cohérente avec la page Enquêtes v12. Chargée après accueil.css
   (socle dbh-…) sur les pages qui portent « dbh-page-enquete-article » (posée par wordpress/pages/enquete-article.php).
   Mode clair ; une seule bande charbon (l'appel à l'action). Tout est préfixé par dbh-ea-. Les éléments sont natifs
   (Titre, Texte, Image) : les sélecteurs visent la classe de l'élément ET la balise qu'il contient. */

.dbh-ea-tete, .dbh-ea-corps, .dbh-ea-sources, .dbh-ea-suite, .dbh-ea-cta { --dbh-g: 30px; --dbh-ea-mesure: 620px; }
@media (min-width: 1200px) { .dbh-ea-tete, .dbh-ea-corps, .dbh-ea-sources, .dbh-ea-suite, .dbh-ea-cta { --dbh-g: 40px; } }

/* Barre de lecture (créée par enquete-article.js) */
.dbh-ea-progression { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 3px; background: var(--dbh-action); transform: scaleX(0); transform-origin: left; pointer-events: none; }

/* ── En-tête ────────────────────────────────────────────────────────────── */
.dbh-ea-tete .uk-container { padding-top: 44px; padding-bottom: 0; }
.dbh-s .dbh-ea-rub, .dbh-s .dbh-ea-rub p { display: flex; align-items: center; gap: 12px; max-width: none; margin: 0 0 18px; font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; color: var(--dbh-action); }
.dbh-s .dbh-ea-rub p::before { content: ""; width: 28px; height: 1px; background: var(--dbh-action); }
.dbh-s .dbh-ea-titre, .dbh-s .dbh-ea-titre :where(h1), .dbh-s h1.dbh-ea-titre { max-width: 1040px; font-size: clamp(38px, 4.9vw, 70px); line-height: 1.04; letter-spacing: -.028em; }
.dbh-ea-chapo-rangee { margin-top: 34px !important; align-items: flex-end; }
.dbh-s .dbh-ea-chapo, .dbh-s .dbh-ea-chapo p { max-width: 760px; margin: 0; font-family: var(--dbh-titre); font-weight: 300; font-size: 22px; line-height: 1.5; letter-spacing: -.005em; color: #26292C; }
.dbh-s .uk-grid > .dbh-ea-cote { padding-left: calc(var(--dbh-g) + 28px); background: linear-gradient(var(--dbh-trait), var(--dbh-trait)) var(--dbh-g) 0 / 1px 100% no-repeat; }
.dbh-s .dbh-ea-signature, .dbh-s .dbh-ea-signature p { margin: 0 0 8px; font-size: 14px; line-height: 1.5; color: var(--dbh-texte); }
.dbh-ea-signature a { color: var(--dbh-encre); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--dbh-trait); }
.dbh-ea-signature a:hover { color: var(--dbh-action); border-bottom-color: var(--dbh-action); }
.dbh-s .dbh-ea-meta-el { margin: 0 !important; }
.dbh-ea-meta { display: flex; flex-wrap: wrap; gap: 2px 18px; margin: 0; overflow: hidden; font-size: 13px; line-height: 1.5; color: var(--dbh-gris); }
.dbh-ea-meta > span { position: relative; }
/* Point séparateur posé dans l'espace entre deux éléments : en début de ligne, il sort du cadre (masqué) */
.dbh-ea-meta > span + span::before { content: "·"; position: absolute; left: -11px; color: var(--dbh-gris2); }
.dbh-ea-meta > span:first-child { font-weight: 600; color: var(--dbh-action); }
.dbh-ea-image-rangee { margin-top: 44px !important; }
.dbh-s .dbh-ea-image { position: relative; overflow: hidden; aspect-ratio: 21 / 9; margin: 0 !important; border-radius: 4px; background: var(--dbh-trait2); }
.dbh-ea-image :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.dbh-ea-image::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,.85); border-radius: 2px; pointer-events: none; }
.dbh-ea-tete .uk-grid > * { animation: dbh-fondu 1s .15s var(--dbh-doux) both; }
.dbh-ea-chapo-rangee > * { animation-delay: .3s !important; }
.dbh-ea-image-rangee > * { animation-delay: .45s !important; }

/* ── Corps : sommaire et colonne de lecture ─────────────────────────────── */
.dbh-ea-corps .uk-container { padding-top: 49px; padding-bottom: 60px; }
.dbh-ea-corps-rangee { align-items: stretch; }
.dbh-s .dbh-ea-rail .dbh-html { position: sticky; top: 112px; margin: 0; }
.dbh-ea-sommaire { padding-right: 12px; }
.dbh-ea-sommaire:not(:has(li)) { display: none; }
.dbh-ea-sommaire summary { display: block; margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dbh-gris); list-style: none; cursor: default; pointer-events: none; }
.dbh-ea-sommaire summary::-webkit-details-marker { display: none; }
.dbh-ea-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: dbh-ea; border-left: 1px solid var(--dbh-trait2); }
.dbh-ea-sommaire li { counter-increment: dbh-ea; }
.dbh-ea-sommaire a { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 4px; padding: 7px 0 7px 16px; font-size: 14px; line-height: 1.4; color: var(--dbh-gris); text-decoration: none; transition: color .3s; }
.dbh-ea-sommaire a::before { content: counter(dbh-ea, decimal-leading-zero); font-size: 12px; font-weight: 600; line-height: 1.65; color: var(--dbh-gris2); transition: color .3s; }
.dbh-ea-sommaire a::after { content: ""; position: absolute; left: -1px; top: 6px; bottom: 6px; width: 2px; background: var(--dbh-action); transform: scaleY(0); transition: transform .4s var(--dbh-doux); }
.dbh-ea-sommaire a:hover { color: var(--dbh-encre); }
.dbh-ea-sommaire a.is-on { color: var(--dbh-encre); font-weight: 600; }
.dbh-ea-sommaire a.is-on::before { color: var(--dbh-action); }
.dbh-ea-sommaire a.is-on::after { transform: none; }

/* Texte courant : environ 68 caractères par ligne */
.dbh-ea-lecture > * { max-width: var(--dbh-ea-mesure); }
.dbh-s .dbh-ea-lecture .dbh-ea-texte, .dbh-s .dbh-ea-lecture .dbh-ea-texte :is(p, li) { max-width: var(--dbh-ea-mesure); font-size: 18px; line-height: 1.75; color: var(--dbh-texte); }
.dbh-s .dbh-ea-texte { margin: 0 0 8px !important; }
.dbh-ea-texte p { margin: 0 0 22px; }
.dbh-ea-texte em { font-style: italic; }
.dbh-ea-texte strong { font-weight: 700; color: var(--dbh-encre); }
.dbh-ea-texte a, .dbh-ea-resume a { color: var(--dbh-action); text-decoration: none; border-bottom: 1px solid rgba(159,68,39,.35); }
.dbh-ea-texte a:hover { border-bottom-color: var(--dbh-action); }
.dbh-ea-texte ul { margin: 0 0 24px; padding: 0; list-style: none; }
.dbh-ea-texte ul li { position: relative; margin: 0 0 10px; padding-left: 26px; }
.dbh-ea-texte ul li::before { content: ""; position: absolute; left: 2px; top: .86em; width: 12px; height: 1px; background: var(--dbh-action); }
/* Lettrine sur la première partie */
.dbh-ea-premier > p:first-child::first-letter, .dbh-ea-premier.uk-panel > p:first-child::first-letter { float: left; margin: 6px 12px 0 0; font-family: var(--dbh-titre); font-weight: 300; font-size: 4.1em; line-height: .82; color: var(--dbh-action); }

/* Intertitres */
.dbh-s .dbh-ea-h2, .dbh-s .dbh-ea-h2 :where(h2), .dbh-s h2.dbh-ea-h2 { position: relative; font-size: clamp(26px, 2.4vw, 32px); line-height: 1.15; letter-spacing: -.02em; }
.dbh-s .dbh-ea-h2 { margin: 56px 0 18px !important; padding-top: 22px; scroll-margin-top: 110px; }
.dbh-s .dbh-ea-lecture > .dbh-ea-h2:first-child { margin-top: 0 !important; }
.dbh-s .dbh-ea-h2::before { content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 1px; background: var(--dbh-action); }

/* Citation (élément Texte « dbh-ea-citation ») */
.dbh-s .dbh-ea-lecture .dbh-ea-citation { position: relative; max-width: 760px; margin: 48px 0 52px !important; padding: 6px 0 4px 40px; border-left: 2px solid var(--dbh-action); }
.dbh-s .dbh-ea-citation p { margin: 0; max-width: none; font-family: var(--dbh-titre); font-weight: 300; font-size: clamp(24px, 2.3vw, 31px); line-height: 1.32; letter-spacing: -.015em; color: var(--dbh-encre); }
.dbh-s .dbh-ea-citation p::before { content: "« "; color: var(--dbh-action); }
.dbh-s .dbh-ea-citation p::after { content: " »"; color: var(--dbh-action); }

/* Chiffres clés (élément Texte « dbh-ea-chiffres » : un titre, puis un paragraphe par chiffre) */
.dbh-s .dbh-ea-lecture .dbh-ea-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0 32px; max-width: none; margin: 44px 0 48px !important; padding: 26px 30px 24px; background: var(--dbh-mineral); border-radius: 4px; }
.dbh-ea-chiffres h3 { grid-column: 1 / -1; margin: 0 0 6px; padding-bottom: 14px; border-bottom: 1px solid var(--dbh-encre); font-family: 'Manrope', Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dbh-action); }
.dbh-s .dbh-ea-chiffres p { display: flex; flex-direction: column; gap: 4px; max-width: none; margin: 0; padding: 18px 0 4px; font-size: 15px; line-height: 1.45; color: var(--dbh-texte); }
.dbh-ea-chiffres strong { font-family: 'Manrope', Arial, sans-serif; font-size: 44px; font-weight: 300; line-height: 1.05; letter-spacing: -.03em; color: var(--dbh-encre); white-space: nowrap; }
.dbh-ea-chiffres em { margin-top: 4px; font-style: normal; font-size: 12px; line-height: 1.45; color: var(--dbh-gris); }

/* Tableau (élément Texte « dbh-ea-tableau ») */
.dbh-s .dbh-ea-lecture .dbh-ea-tableau { max-width: none; margin: 40px 0 48px !important; }
.dbh-ea-tableau h3 { margin: 0 0 14px; font-family: 'Manrope', Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dbh-action); }
.dbh-ea-tableau table { width: 100%; margin: 0; border-collapse: collapse; border-top: 1px solid var(--dbh-encre); font-size: 15px; line-height: 1.5; }
.dbh-ea-tableau th { padding: 12px 18px 12px 0; border-bottom: 1px solid var(--dbh-trait); font-size: 12px; font-weight: 600; text-align: left; text-transform: none; letter-spacing: 0; color: var(--dbh-gris); vertical-align: bottom; }
.dbh-ea-tableau td { padding: 14px 18px 14px 0; border-bottom: 1px solid var(--dbh-trait2); color: var(--dbh-texte); vertical-align: top; }
.dbh-ea-tableau td:first-child { font-weight: 600; color: var(--dbh-encre); }
.dbh-ea-tableau tbody tr { transition: background .25s; }
.dbh-ea-tableau tbody tr:hover { background: var(--dbh-pale); }
.dbh-ea-tableau p { margin: 12px 0 0; }
.dbh-ea-tableau small { font-size: 12px; color: var(--dbh-gris); }
/* Étiquette d'état : fond blanc, bordure, point qui porte le sens */
.dbh-ea-etat { display: inline-flex; align-items: center; gap: 8px; padding: 3px 10px; background: #fff; border: 1px solid #E1E5EA; border-radius: 4px; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--dbh-encre); white-space: nowrap; }
.dbh-ea-etat::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #A9AEB2; }
.dbh-ea-etat.dbh-ea-oblig::before { background: var(--dbh-action); }

/* « Ce que je regarde en premier » : liste cochée */
.dbh-ea-verif ul { border-top: 1px solid var(--dbh-trait); }
.dbh-s .dbh-ea-verif ul li { margin: 0; padding: 14px 0 14px 38px; border-bottom: 1px solid var(--dbh-trait2); font-size: 17px; line-height: 1.6; }
.dbh-ea-verif ul li::before {
  left: 0; top: 16px; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='10' fill='none' stroke='%239F4427' stroke-width='1.2'/%3E%3Cpath d='M6.5 11.5l3 3 6-6.5' fill='none' stroke='%239F4427' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* « En résumé » : encadré */
.dbh-s .dbh-ea-h2.dbh-ea-resume-titre, .dbh-s .dbh-ea-resume-titre :where(h2) { font-family: 'Manrope', Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; color: var(--dbh-action); }
.dbh-s .dbh-ea-h2.dbh-ea-resume-titre { margin-bottom: 0 !important; padding: 26px 30px 0; background: #F7F7F6; border-top: 2px solid var(--dbh-action); border-radius: 4px 4px 0 0; }
.dbh-s .dbh-ea-h2.dbh-ea-resume-titre::before { display: none; }
.dbh-s .dbh-ea-lecture .dbh-ea-resume { margin: 0 !important; padding: 10px 30px 26px; background: #F7F7F6; border-radius: 0 0 4px 4px; }
.dbh-s .dbh-ea-lecture .dbh-ea-resume p { margin: 0; font-family: var(--dbh-titre); font-weight: 300; font-size: 21px; line-height: 1.55; color: var(--dbh-encre); }

/* Apparition : une seule fois, en entier (jamais à moitié opaque) */
.dbh-ea-lecture.is-pret :is(.dbh-ea-citation, .dbh-ea-chiffres, .dbh-ea-tableau) { transition: opacity .7s var(--dbh-doux), transform .7s var(--dbh-doux); }
.dbh-ea-lecture.is-pret :is(.dbh-ea-citation, .dbh-ea-chiffres, .dbh-ea-tableau):not(.is-vu) { opacity: 0; transform: translateY(20px); }

/* ── Sources ────────────────────────────────────────────────────────────── */
.dbh-ea-sources .uk-container { padding-top: 52px; padding-bottom: 54px; }
.dbh-ea-sources .uk-grid { align-items: start; }
.dbh-s .dbh-ea-sources-texte p { font-size: 16px; color: var(--dbh-gris); }
.dbh-s .dbh-ea-sources-titre, .dbh-s .dbh-ea-sources-titre :where(h2), .dbh-s h2.dbh-ea-sources-titre { margin-bottom: 14px; font-size: clamp(28px, 2.6vw, 36px); }
.dbh-s .dbh-ea-sources-liste { max-width: none; margin-top: 0 !important; }
.dbh-ea-sources-liste ul { margin: 0; padding: 0; list-style: none; counter-reset: dbh-src; border-top: 1px solid var(--dbh-encre); }
.dbh-s .dbh-ea-sources-liste li { counter-increment: dbh-src; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; align-items: baseline; max-width: none; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--dbh-trait); font-size: 15px; line-height: 1.5; }
.dbh-ea-sources-liste li::before { content: counter(dbh-src, decimal-leading-zero); font-family: var(--dbh-titre); font-weight: 300; font-size: 24px; line-height: 1; color: var(--dbh-action); }
.dbh-ea-sources-liste a { color: var(--dbh-encre); text-decoration: none; overflow-wrap: anywhere; transition: color .3s; }
.dbh-ea-sources-liste a::after { content: " ↗"; color: var(--dbh-action); }
.dbh-ea-sources-liste a:hover { color: var(--dbh-action); }

/* ── À lire aussi ───────────────────────────────────────────────────────── */
.dbh-ea-suite .uk-container { padding-top: 60px; padding-bottom: 65px; }
.dbh-ea-suite-tete { align-items: flex-end; margin-bottom: 36px; }
.dbh-ea-suite .dbh-t, .dbh-ea-suite h2.dbh-t, .dbh-ea-suite .dbh-t :where(h2) { font-size: clamp(30px, 2.8vw, 40px); }
.dbh-s .dbh-ea-toutes { text-align: right; }
.dbh-s .dbh-ea-toutes p { margin: 0; max-width: none; }
.dbh-ea-cartes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 36px; }
.dbh-ea-carte { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 26px; align-items: start; padding-top: 20px; border-top: 1px solid var(--dbh-encre); color: inherit !important; text-decoration: none !important; }
.dbh-ea-carte-ph { position: relative; grid-column: 2; grid-row: 1 / span 4; display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 4px; background: var(--dbh-trait2); }
.dbh-ea-carte-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--dbh-doux); }
.dbh-ea-carte:hover .dbh-ea-carte-ph img { transform: scale(1.045); }
.dbh-ea-carte-rub { grid-column: 1; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dbh-action); }
.dbh-ea-carte-ti { grid-column: 1; font-family: var(--dbh-titre); font-weight: 360; font-size: 25px; line-height: 1.15; letter-spacing: -.02em; color: var(--dbh-encre); transition: color .3s; }
.dbh-ea-carte:hover .dbh-ea-carte-ti { color: var(--dbh-action); }
.dbh-ea-carte-ex { grid-column: 1; font-size: 15px; line-height: 1.55; color: var(--dbh-texte); }
.dbh-ea-carte-action { grid-column: 1; display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--dbh-action); }
.dbh-ea-carte:hover .dbh-fl { transform: translateX(5px); }

/* ── Appel à l'action : la seule bande charbon ──────────────────────────── */
.dbh-s.dbh-ea-cta, .dbh-s.dbh-ea-cta .uk-section { background: var(--dbh-encre); color: #A9AEB2; overflow: hidden; }
.dbh-ea-cta .uk-container { padding-top: 68px; padding-bottom: 68px; }
@media (min-width: 960px) {
  .dbh-ea-cta .uk-container { padding-right: calc(40% + 40px); min-height: 520px; box-sizing: border-box; }
  .dbh-ea-cta .uk-grid > :first-child { width: 100%; }
  .dbh-ea-cta .dbh-ea-col-photo { position: absolute; top: 0; right: 0; bottom: 0; width: 40%; padding: 0; margin: 0; }
  .dbh-ea-cta .dbh-ea-col-photo > *, .dbh-ea-cta .dbh-ea-col-photo .dbh-html { height: 100%; margin: 0; }
}
.dbh-ea-cta .dbh-k, .dbh-ea-cta .dbh-k p { color: #E9A07F; }
.dbh-ea-cta .dbh-t, .dbh-ea-cta h2.dbh-t, .dbh-ea-cta .dbh-t :where(h2) { color: #fff; font-size: clamp(32px, 3.4vw, 50px); }
.dbh-s.dbh-ea-cta .dbh-p p { max-width: 540px; color: #D5D8DB; }
.dbh-s.dbh-ea-cta .dbh-ea-cta-aide p { margin-top: 0; font-size: 14px; color: #A9AEB2; }
.dbh-ea-cta-aide a { color: #fff; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.4); }
.dbh-ea-cta-aide a:hover { border-bottom-color: #E9A07F; }
.dbh-s.dbh-ea-cta .uk-button.uk-button-default { background: transparent; color: #fff; border-color: rgba(255,255,255,.7); }
.dbh-s.dbh-ea-cta .uk-button.uk-button-default:hover { background: #fff; color: var(--dbh-encre); }
.dbh-ea-cta-photo { position: relative; height: 100%; min-height: 360px; }
.dbh-ea-cta-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dbh-ea-cta-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--dbh-encre) 0%, rgba(23,25,27,0) 35%); }
.dbh-ea-cta-photo .dbh-note { position: absolute; right: 40px; bottom: 40px; z-index: 2; font-size: 30px; color: #fff; text-shadow: 0 2px 14px rgba(0,0,0,.5); text-align: right; }

/* ── Téléphone et tablette ──────────────────────────────────────────────── */
@media (max-width: 959px) {
  .dbh-ea-tete .uk-container { padding-top: 28px; }
  .dbh-s .dbh-ea-titre, .dbh-s .dbh-ea-titre :where(h1), .dbh-s h1.dbh-ea-titre { font-size: clamp(32px, 8.4vw, 44px); line-height: 1.08; }
  .dbh-ea-chapo-rangee { margin-top: 22px !important; }
  .dbh-s .dbh-ea-chapo, .dbh-s .dbh-ea-chapo p { font-size: 19px; }
  .dbh-s .uk-grid > .dbh-ea-cote { margin-top: 20px; padding-left: var(--dbh-g); padding-top: 16px; background: linear-gradient(var(--dbh-trait), var(--dbh-trait)) var(--dbh-g) 0 / calc(100% - var(--dbh-g)) 1px no-repeat; }
  .dbh-ea-image-rangee { margin-top: 28px !important; }
  .dbh-s .dbh-ea-image { aspect-ratio: 4 / 3; }
  .dbh-ea-corps .uk-container { padding-top: 32px; padding-bottom: 38px; }
  /* Sommaire : accordéon replié en tête de l'article */
  .dbh-s .dbh-ea-rail .dbh-html { position: static; }
  .dbh-ea-sommaire { margin: 0 0 32px; padding: 0; border: 1px solid var(--dbh-trait); border-radius: 4px; }
  .dbh-ea-sommaire summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin: 0; padding: 0 16px; pointer-events: auto; cursor: pointer; color: var(--dbh-encre); }
  .dbh-ea-sommaire summary::after { content: ""; width: 9px; height: 9px; margin-top: -4px; border-right: 1.5px solid var(--dbh-action); border-bottom: 1.5px solid var(--dbh-action); transform: rotate(45deg); transition: transform .3s; }
  .dbh-ea-sommaire[open] summary::after { margin-top: 4px; transform: rotate(-135deg); }
  .dbh-ea-sommaire ol { margin: 0 16px 12px; }
  .dbh-ea-sommaire a { min-height: 44px; align-items: center; padding: 6px 0 6px 14px; }
  .dbh-s .dbh-ea-lecture .dbh-ea-texte, .dbh-s .dbh-ea-lecture .dbh-ea-texte :is(p, li) { font-size: 17px; line-height: 1.7; }
  .dbh-s .dbh-ea-h2 { margin-top: 40px !important; padding-top: 18px; }
  .dbh-s .dbh-ea-lecture .dbh-ea-citation { margin: 32px 0 36px !important; padding-left: 22px; }
  .dbh-s .dbh-ea-lecture .dbh-ea-chiffres { grid-template-columns: minmax(0, 1fr); margin: 32px 0 36px !important; padding: 20px 18px 16px; }
  .dbh-s .dbh-ea-chiffres p { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--dbh-trait); }
  .dbh-s .dbh-ea-chiffres p:last-child { border-bottom: 0; }
  .dbh-ea-chiffres strong { grid-row: 1 / span 2; font-size: 34px; }
  .dbh-ea-chiffres em { grid-column: 2; }
  /* Tableau : une carte par ligne, en-tête rappelé devant chaque valeur */
  .dbh-ea-tableau thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .dbh-ea-tableau table, .dbh-ea-tableau tbody, .dbh-ea-tableau tr, .dbh-ea-tableau td { display: block; width: 100%; }
  .dbh-ea-tableau tr { padding: 12px 0; border-bottom: 1px solid var(--dbh-trait); }
  .dbh-ea-tableau tbody tr:hover { background: none; }
  .dbh-ea-tableau td { padding: 3px 0; border: 0; }
  .dbh-ea-tableau td:first-child { font-size: 16px; padding-bottom: 6px; }
  .dbh-ea-tableau td:not(:first-child)[data-label]::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 600; color: var(--dbh-gris2); }
  .dbh-s .dbh-ea-h2.dbh-ea-resume-titre { padding: 20px 18px 0; }
  .dbh-s .dbh-ea-lecture .dbh-ea-resume { padding: 8px 18px 20px; }
  .dbh-s .dbh-ea-lecture .dbh-ea-resume p { font-size: 19px; }
  .dbh-ea-sources .uk-container { padding-top: 52px; padding-bottom: 52px; }
  .dbh-s .dbh-ea-sources-liste li { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; }
  .dbh-ea-suite .uk-container { padding-top: 38px; padding-bottom: 41px; }
  .dbh-ea-suite-tete { margin-bottom: 24px; }
  .dbh-s .dbh-ea-toutes { text-align: left; }
  .dbh-ea-cartes { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .dbh-ea-carte { grid-template-columns: minmax(0, 1fr) 96px; gap: 8px 16px; }
  .dbh-ea-carte-ph { grid-row: 1 / span 2; aspect-ratio: 1 / 1; }
  .dbh-ea-carte-ti { font-size: 21px; }
  .dbh-ea-carte-ex { grid-column: 1 / -1; }
  .dbh-ea-carte-action { grid-column: 1 / -1; min-height: 44px; }
  .dbh-ea-cta .uk-container { padding-top: 41px; padding-bottom: 32px; }
  .dbh-ea-cta .dbh-ea-col-photo { margin-top: 24px; }
  .dbh-ea-cta-photo { min-height: 240px; border-radius: 4px; overflow: hidden; }
  .dbh-ea-cta-photo::before { background: linear-gradient(180deg, var(--dbh-encre) 0%, rgba(23,25,27,0) 40%); }
  .dbh-ea-cta-photo .dbh-note { right: 20px; bottom: 24px; font-size: 26px; }
  .dbh-s.dbh-ea-cta .uk-button { width: 100%; justify-content: center; }
  .dbh-s.dbh-ea-cta .uk-flex-center > * { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .dbh-ea-tete .uk-grid > * { animation: none; }
  .dbh-ea-lecture.is-pret :is(.dbh-ea-citation, .dbh-ea-chiffres, .dbh-ea-tableau):not(.is-vu) { opacity: 1; transform: none; }
  .dbh-ea-sommaire a::after, .dbh-ea-carte-ph img { transition: none; }
}

/* « Ce que l'article ne dit pas » (25/10/2026) : bloc d'ouverture de fin d'article, sobre, filet cuivre en tête, note
   manuscrite de signature décalée à droite. */
.dbh-s .dbh-ea-h2.dbh-ea-ouverture-titre { margin-top: 48px !important; padding-top: 22px; border-top: 2px solid var(--dbh-action); }
.dbh-s .dbh-ea-h2.dbh-ea-ouverture-titre::before { display: none; }
.dbh-s .dbh-ea-lecture .dbh-ea-ouverture p { font-size: 18px; line-height: 1.65; color: var(--dbh-encre); }
.dbh-s .dbh-ea-lecture .dbh-ea-ouverture p:last-child { margin-top: 14px; }
.dbh-s .dbh-ea-ouverture-note-el { margin-top: 4px !important; text-align: right; }
.dbh-s .dbh-ea-ouverture-note { margin: 0; font-family: var(--dbh-script, 'Caveat', cursive); color: var(--dbh-action, #9F4427); font-size: 26px; line-height: 1.1; transform: rotate(-2deg); display: inline-block; }
@media (max-width: 639px) { .dbh-s .dbh-ea-ouverture-note { font-size: 22px; } }

/* Sources repliées (26/10/2026) : une ligne « Sources (N) » qui s'ouvre au clic ; section resserrée */
.dbh-ea-sources .uk-container { padding-top: 48px; padding-bottom: 48px; }
.dbh-ea-sources-pli > summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font-family: 'Manrope', Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dbh-gris, #5B6470); }
.dbh-ea-sources-pli > summary::-webkit-details-marker { display: none; }
.dbh-ea-sources-pli > summary::after { content: "+"; font-size: 18px; font-weight: 400; color: var(--dbh-action, #9F4427); transition: transform .2s; }
.dbh-ea-sources-pli[open] > summary::after { transform: rotate(45deg); }
.dbh-ea-sources-pli > summary:hover { color: var(--dbh-encre, #17191B); }
.dbh-ea-sources-pli[open] > ul { margin-top: 12px; }
@media (max-width: 639px) { .dbh-ea-sources .uk-container { padding-top: 32px; padding-bottom: 32px; } }
@media (prefers-reduced-motion: reduce) { .dbh-ea-sources-pli > summary::after { transition: none; } }

/* 26/10/2026 (Vincent : « le script sur la photo trop près du bord ») : note manuscrite plus loin des bords, proportionnée à l'écran */
@media (min-width: 960px) { .dbh-ea-cta-photo .dbh-note { right: clamp(48px, 4.5vw, 96px); bottom: clamp(56px, 5vw, 104px); } }
@media (max-width: 959px) { .dbh-ea-cta-photo .dbh-note { right: 28px; bottom: 30px; } }
