/*
 * Typographie de lecture (.lec, correctif graphique 2 après le lot 8) : blocs Texte et Texte et photo, section « Le
 * besoin » des applications, dans tous les registres. Corps de 1,05 rem, interligne 1,65, 1,1 em entre les
 * paragraphes ; chapeau en Inter 500 navy, comme sur la fiche ; intertitres en ouvertures (filet bleu ciel de 28 × 3 px,
 * Manrope 700) ; puces carrées ; liste numérotée ; citation au filet bleu ciel ; liens soulignés. Colonne de 66 ch au
 * plus (62 à 68 signes par ligne).
 */
.lec{font-size:1.05rem;line-height:1.65}
.lec > * + *{margin-top:1.1em}
.lec p{max-width:none}
.lec .eyb + h2{margin-top:14px}
.lec h2 + *{margin-top:18px}
.lec p.lead{font-size:1.2rem;line-height:1.5;color:var(--navy);font-weight:500}
/* Intertitres : jamais un simple gras dans le corps, mais une ouverture */
.lec h3,.lec h4{font-family:var(--ui);font-weight:700;font-size:1.25rem;line-height:1.3;letter-spacing:-.015em;color:var(--navy);margin-top:44px}
.lec h3::before,.lec h4::before{content:"";display:block;width:28px;height:3px;background:var(--sky);margin-bottom:16px}
.lec h3 + *,.lec h4 + *{margin-top:14px}
.lec > :first-child{margin-top:0}
/* Puces carrées de 6 px en bleu ciel, sur la première ligne : aucun arrondi */
.lec ul{list-style:none;padding-left:0;display:grid;gap:6px}
.lec ul li{position:relative;padding-left:20px}
.lec ul li::before{content:"";position:absolute;left:2px;top:calc(.825em - 3px);width:6px;height:6px;background:var(--sky)}
/* Liste numérotée et citation (éditeur visuel, 22/09/2026) */
.lec ol{padding-left:1.5em;display:grid;gap:6px}
.lec ol li::marker{font-family:var(--ui);font-weight:700;color:var(--navy)}
.lec li > ul,.lec li > ol{margin-top:6px}
.lec blockquote{margin:0;padding:2px 0 2px 22px;border-left:3px solid var(--sky);color:var(--navy);font-weight:500}
.lec blockquote > * + *{margin-top:.8em}
.lec a.lt{text-underline-offset:2px}
.lec .chips{margin-top:22px}