/* Étape 17 : lecture des textes longs migrés d'eZ (articles, balades, géologie).
   Feuille neuve, non intégrée aux couches : elle l'emporte sur les règles de page de la couche « pages »
   sans les modifier. Portée : .article-layout .prose (page de lecture) uniquement. */

/* --- Colonne de texte plus large, taille confortable --- */
.article-layout .prose{font-size:20px;line-height:1.7}
.article-layout .prose>*{max-width:72ch}
@media (min-width:1101px){
  .article-layout:not(:has(.toc,.article-aside)) article.prose{grid-column:1 / span 9}
  .article-layout:has(.toc,.article-aside) article.prose{grid-column:5 / -1}
}
@media (max-width:820px){
  .article-layout .prose{font-size:19px;line-height:1.65}
  .article-layout .prose>*{max-width:100%}
}

/* --- Intertitres de niveau 4 et 5 (h2, h3 existent déjà) --- */
.article-layout .prose h4{font-size:var(--text-m);font-weight:600;line-height:1.4;margin:32px 0 10px;clear:both}
.article-layout .prose h5{font-size:var(--text-s);font-weight:600;line-height:1.4;margin:24px 0 8px;clear:both}
.article-layout .prose h2,.article-layout .prose h3,.article-layout .prose h4,.article-layout .prose h5{text-align:left}

/* --- Images du corps : taille native au plus, à gauche, jamais flottantes --- */
.article-layout .prose figure.ez-embed{float:none;margin:var(--space-6) 0 var(--space-5);max-width:100%;text-align:left}
.article-layout .prose figure.ez-embed.ez-align-center,
.article-layout .prose figure.ez-embed.ez-align-left,
.article-layout .prose figure.ez-embed.ez-align-right{float:none;margin-left:0;margin-right:0;max-width:100%;text-align:left}
.article-layout .prose figure.ez-embed img{display:block;width:auto;height:auto;max-width:100%;margin-inline:0}
.article-layout .prose table figure.ez-embed{margin:0 0 var(--space-3)}
.article-layout .prose .vvv-dup-header{display:none!important}

/* --- Légende (paragraphe entièrement en italique après l'image) : collée à l'image --- */
.article-layout .prose figure.ez-embed:has(+ p.ez-caption){margin-bottom:var(--space-2)}
.article-layout .prose figure.ez-embed + p.ez-caption{margin:0 0 var(--space-6);font-size:var(--text-s);line-height:1.5;color:var(--c-ink-soft);max-width:46em;text-align:left}
.article-layout .prose table figure.ez-embed + p.ez-caption{margin:0}

/* --- Filet issu d'une ligne de tirets --- */
.article-layout .prose hr.rule{border:0;border-top:1px solid var(--c-taupe);margin:var(--space-6) 0;max-width:100%}

/* --- Tableaux larges : défilent dans leur cadre, sans élargir la page --- */
.article-layout .prose table{max-width:100%}
.article-layout .prose table td,.article-layout .prose table th{text-align:left}

/* --- Sommaire : sous-liste des h3 --- */
.toc ol .toc__sub{border-left:0;margin:0 0 6px 16px}
.toc .toc__sub a{font-size:14px;padding-top:5px;padding-bottom:5px}