/* ============================================================
   CONFORT DE LECTURE — 14/10/2026
   A. Corps de texte plus grand et colonne de lecture limitée
      (60 à 75 caractères par ligne au lieu de 90 à 115).
   Feuille chargée après navigation-guides.css sur toutes les pages.
   ============================================================ */

/* --- A. Taille du texte courant ---
   Les gabarits « guide » et « pilier » fixaient le texte à 16 px (règles par id, parfois !important) :
   on les relève ici à 18 px sur ordinateur, 17 px sur mobile. Les petits textes à classe dédiée
   (mentions, légendes, métadonnées) gardent leur taille. */
html body:not(.landing-page) main p, html body:not(.landing-page) main li { font-size: 1.125rem; line-height: 1.7; }
html body[class]:not(.landing-page) #main p, html body[class]:not(.landing-page) #main li { font-size: 1.125rem; line-height: 1.7; }
html body.guide-clair #main p, html body.guide-clair #main li { font-size: 1.125rem !important; line-height: 1.7 !important; }
@media (max-width: 820px) {
  html body:not(.landing-page) main p, html body:not(.landing-page) main li { font-size: 1.0625rem; line-height: 1.65; }
  html body[class]:not(.landing-page) #main p, html body[class]:not(.landing-page) #main li { font-size: 1.0625rem; line-height: 1.65; }
  html body.guide-clair #main p, html body.guide-clair #main li { font-size: 1.0625rem !important; line-height: 1.65 !important; }
}
html body main table :is(p, li), html body main .results td { font-size: 1rem; }

/* L’accueil (gabarit landing-page, blocs courts en colonnes) garde sa typographie d’origine. */

/* --- A. Colonne de lecture : environ 70 caractères par ligne (60ch à 18 px) --- */
main :where(.container, .art-body, article, .wrap, .route-copy) > :where(p, h2, h3, h4, blockquote, .legal-answer, .legal-limit),
main :where(.container, .art-body, article, .wrap) > :where(ul, ol) > li {
  max-width: 60ch !important;
}
main :where(.container, .art-body, article, .wrap) > :where(h2) { margin-top: 2.2em; }