/* Pages /blog/ — s'ajoute à site.css, presentation.css et fiches.css.
   Aucune police externe. Contrastes de texte ≥ 4,5:1 (AA). */
.meta-article{margin-top:12px;color:var(--texte-doux);font-size:15px}
.corps-article{padding-block:8px clamp(28px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:880px}

.a-retenir{background:#fff;border:1px solid var(--trait-fort);border-left:5px solid var(--bouton);padding:18px 22px}
.a-retenir h2{font-size:20px;margin-bottom:8px}
.a-retenir ul{margin:0;padding-left:1.2em}
.a-retenir li+li{margin-top:6px}

.sommaire h2{font-size:18px;margin-bottom:6px}
.sommaire ol{margin:0;padding-left:1.4em;columns:2 280px;column-gap:32px}
.sommaire li{break-inside:avoid;padding:2px 0}
.sommaire a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:3px}

.prose-article{max-width:44em}
.prose-article section{padding-top:clamp(18px,3vw,30px)}
.prose-article h2{font-size:clamp(24px,3vw,32px);line-height:1.15;margin-bottom:12px;scroll-margin-top:84px}
.prose-article h3{font-size:20px;margin:20px 0 6px}
.prose-article p+p,.prose-article p+ul,.prose-article ul+p,.prose-article p+ol,.prose-article ol+p,.prose-article p+.deux-modes,.prose-article .deux-modes+p{margin-top:14px}
.prose-article ul:not(.etapes){margin:0;padding-left:1.2em}
.prose-article ul:not(.etapes) li+li{margin-top:8px}
.prose-article a{text-underline-offset:3px;color:var(--bouton)}
.prose-article a:hover{color:var(--bouton-survol)}
.prose-article .etapes{max-width:none}
.prose-article .deux-modes{margin-top:6px}
.prose-article .deux-modes ul{margin-top:6px}

.liste-referentiels{list-style:none!important;padding-left:0!important;border-top:2px solid var(--encre)}
.liste-referentiels li{padding:12px 0;border-bottom:1px solid var(--trait-fort)}
.liste-referentiels li+li{margin-top:0!important}
.liste-referentiels .detail{color:var(--texte-doux);font-size:15px}

.tableau-defaut{overflow-x:auto}
.comparatif{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--trait-fort);font-size:15px}
.comparatif caption{text-align:left;font-weight:700;padding:0 0 8px;color:var(--texte-doux)}
.comparatif th,.comparatif td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--trait);vertical-align:top}
.comparatif thead th{background:var(--encre);color:#fff;font-size:14px}
.comparatif tbody th{font-family:var(--f-titre)}
@media (max-width:640px){
  .comparatif thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .comparatif,.comparatif tbody,.comparatif tr,.comparatif th,.comparatif td,.comparatif caption{display:block}
  .comparatif tr{border-bottom:2px solid var(--trait-fort);padding:6px 0}
  .comparatif th,.comparatif td{border:0;padding:5px 12px}
  .comparatif td::before{content:attr(data-label) " : ";font-weight:700;color:var(--texte-doux)}
}

.carte-article .etiquette{margin:0}