/* Passe visuelle du 2 octobre 2026 : contrastes, lisibilité et cohérence typographique.
   Aucune modification de disposition ni de texte. Feuille chargée en dernier, écran seulement. */
@media screen{
/* 1. Une seule police sans empattement. « Inter » n'est pas fournie par le site : ces textes
      s'affichaient dans la police du système (Helvetica ou Arial), à côté d'IBM Plex Sans. */
details,.pre p,.nst,.chap{font-family:Px,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* 2. Boutons sans taille de police propre (13,3 px, valeur par défaut du navigateur). */
.guided #go,#pdf-download{font:600 15px/1.35 Px,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* 3. Contours des éléments cliquables : au moins 3:1 avec le fond (WCAG 1.4.11). */
.guided label.o:not(.guide-on),.guided label.o:last-child:not(.guide-on){border-color:#958571}
.guided label.o:not(.guide-on):hover{border-color:var(--acc2)}
.acc-actions .demo-open:not([hidden]),
.guided .guide-nav.guide-last .guide-next,
.pdf-panel .fp-block button.fp-open,
.fp .fp-actions button.fp-second,
.reco .reco-actions button.reco-second,
.demo .demo-tabs button:not([aria-selected=true]){border-color:#8f7e66}
#out details:not([open])>summary,.contact-panel:not([open])>summary{border-color:#8f7e66}
.contact-panel .contact-close{border-color:#8f7e66;color:var(--ink)}
.demo button.demo-x,.fp button.fp-x,.reco button.reco-x{border-color:#8f7e66;color:var(--ink)}
.note-collapse{border-color:var(--acc2)}

/* 4. Texte : contraste d'au moins 4,5:1 (liens dépliants du formulaire, auparavant 2,5:1). */
.diagnostic-contact .contact-preview>summary,.diagnostic-contact .contact-fallback>summary{color:#79501f}

/* 5. Petits textes rendus plus lisibles. */
.wmq{font-size:11.5px}
.foot,.foot .reco-hint{font-size:13.5px}
.intervention-panel .intervention-label{font-size:12px}
.note>ul{font-size:15px}

}
@media screen and (max-width:640px){.wmq{font-size:10.5px}}