/* Bloc « À lire aussi » ajouté par scripts/maillage.mjs en bas de chaque page,
   et correctifs d'affichage des pages importées. Charte Costockage. */
.ml-bloc { width: min(1128px, calc(100% - 32px)); margin: 56px auto 40px; font-family: Figtree, var(--font-figtree), sans-serif; }
.ml-titre { margin: 0 0 8px; text-align: center; color: #005054; font: 700 28px/34px Figtree, sans-serif; }
.ml-trait { display: block; width: 112px; height: 4px; margin: 0 auto 24px; border-radius: 1px; background: linear-gradient(90deg, #109E6E 0%, #FFD074 100%); }
.ml-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1023px) { .ml-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .ml-grille { grid-template-columns: 1fr; } .ml-titre { font-size: 24px; line-height: 30px; } }
.ml-carte a { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: center; height: 100%; padding: 8px; border: 1px solid #005054; background: #fff; color: #005054; text-decoration: none; transition: box-shadow .2s ease; }
.ml-carte a:hover, .ml-carte a:focus-visible { box-shadow: 0 6px 18px rgba(0, 80, 84, .16); }
.ml-carte a:focus-visible { outline: 3px solid #FECD61; outline-offset: 2px; }
.ml-carte img { width: 112px; height: 80px; object-fit: cover; display: block; }
.ml-tag { display: block; margin-bottom: 4px; color: #109E6E; font: 700 12px/16px Figtree, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.ml-nom { display: block; font: 700 16px/21px Figtree, sans-serif; }
.ml-rubriques { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; margin: 24px 0 0; padding: 0; list-style: none; font: 600 15px/20px Figtree, sans-serif; }
.ml-rubriques a { color: #005054; }
.ml-rubriques a:hover { color: #109E6E; }

/* Correctifs : sur mobile, une colonne de grille ne doit pas s'élargir au contenu. */
main [class*="col-span"] { min-width: 0; }
.geo-ariane { overflow-wrap: anywhere; }
/* Tableaux plus larges que l'écran : défilement horizontal dans le tableau, pas dans la page. */
@media (max-width: 767px) { main table { display: block; max-width: 100%; overflow-x: auto; } }

/* Fond rose du pied de page : copie compressée (25 Ko) au lieu de l'original de www (367 Ko). */
.footer-heading-section { background-image: url("/assets/img/fond-rose.webp") !important; }

/* Contrastes (WCAG AA) : textes secondaires trop clairs dans les gabarits. */
.geo-ariane, .geo-ariane a { color: #6B6B6B !important; }
html:root { --discret: #6B6B6B; }