/* Lisibilite du site de Thibault Peclet, 23 octobre 2026.

   Ecrite APRES mesure au navigateur a 390 px et a 1440 px, dans SON vocabulaire.
   Son site parle trois langues : « thibault- » sur l accueil, « natural- » et
   « service-card » sur les pages d accompagnement, « shell » et « pb- » sur les pages
   de sujet. La feuille de parc ne visait que la deuxieme : les defauts des deux autres
   etaient hors de sa portee, et elle est conservee pour ce qu elle corrige.

   DEUX PIEGES PAYES ICI, A NE PAS REFAIRE
   1. Un commentaire qui contient une etoile suivie d une barre oblique SE FERME a cet
      endroit. La premiere regle du fichier est alors avalee par le parseur : absente de
      document.styleSheets, et pourtant bien presente dans le fichier servi.
   2. Son moteur ecrit ses regles sous la forme html[data-client] .bloc h1, soit deux
      classes. Un selecteur en main .bloc h1 n en a qu une et perd. D ou le prefixe
      html[data-client] ici, et le marqueur important.

   LES DEFAUTS DURS RELEVES PAR LE GATE, ET LA MESURE QUI LES CONFIRME
   - 7 paragraphes de l accueil entre 1,35 et 1,38 d interligne, sous le plancher de 1,4.
   - le titre de l accueil a 76 px sur grand ecran, soit 4,7 fois son corps de 16 px,
     au-dessus des deux plafonds du gate, 64 px et 3,2 fois.
   - les titres des pages de sujet a 59 px pour un corps de 17 px, soit 3,5 fois.
   - deux paragraphes de la page des accompagnements a 14,1 px, sous le plancher de 15.

   NON TOUCHE : les tailles de ses titres de section et de ses cartes, qui passent deja
   les seuils, et les contrastes, que le gate mesure mal sur un fond photographique. */

/* ---- interlignes du corps : plancher a 1,4, on vise 1,5 ---------------------------- */
html[data-client="thibault-peclet"] main .thibault-hero__copy p,
html[data-client="thibault-peclet"] main .thibault-service p,
html[data-client="thibault-peclet"] main .thibault-footer p {
  line-height: 1.52 !important;
}
html[data-client="thibault-peclet"] main .thibault-quote blockquote p {
  line-height: 1.4 !important;
}

/* ---- titre de l accueil : 76 px pour un corps de 16, soit 4,7 fois ----------------- */
html[data-client="thibault-peclet"] main .thibault-hero__copy h1 {
  font-size: clamp(2.75rem, .6vw + 2.6rem, 3.1rem) !important;
  line-height: 1.08 !important;
}

/* ---- titres des pages de sujet : 59 px pour un corps de 17, soit 3,5 fois ---------- */
html[data-client="thibault-peclet"] main section.section > .shell > h1 {
  font-size: clamp(2.2rem, 1vw + 1.95rem, 3.3rem) !important;
}

/* ---- plancher de corps : la mention de cadre et l invitation au premier echange ---- */
html[data-client="thibault-peclet"] main .pb-wrap > p,
html[data-client="thibault-peclet"] main section.section > .shell > p {
  font-size: 15px !important;
}

/* ---- plancher de corps : deux paragraphes a 14,1 px ------------------------------- */
html[data-client="thibault-peclet"] main .service-group__heading p {
  font-size: 15px !important;
}