/* ChezBiro° V32.10 — lisibilité des pages projet « En savoir plus ».
   Priorité aux mots entiers. Aucun assouplissement break-word sur les titres.
   Ce fichier est placé après project.css et type-safety.css. */
body:not(.lab-page) .hero h1 {
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
  font-size:clamp(42px,9vw,136px);
  line-height:1.06;
  letter-spacing:-.052em;
}
body:not(.lab-page) .block-head h2,
body:not(.lab-page) .panel h3,
body:not(.lab-page) .intro p,
body:not(.lab-page) .hero .claim,
body:not(.lab-page) .cta h2,
body:not(.lab-page) .facts .fact b {
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
body:not(.lab-page) .block-head h2 {
  font-size:clamp(32px,6.2vw,86px);
  line-height:1.13;
  text-wrap:balance;
}
body:not(.lab-page) .panel h3 {
  font-size:clamp(27px,3.4vw,52px);
  line-height:1.18;
}
body:not(.lab-page) .block p,
body:not(.lab-page) .block li {overflow-wrap:normal;word-break:normal;hyphens:none}
/* URL et identifiants peuvent, eux, se couper pour ne pas déborder. */
body:not(.lab-page) .block a {overflow-wrap:anywhere}
@media(max-width:650px){
  body:not(.lab-page) .hero h1 {font-size:clamp(29px,8vw,44px);line-height:1.13;letter-spacing:-.028em}
  body:not(.lab-page) .block-head h2 {font-size:clamp(26px,7vw,34px);line-height:1.2}
  body:not(.lab-page) .panel h3 {font-size:clamp(25px,6.5vw,32px);line-height:1.22}
  body:not(.lab-page) .intro p {font-size:clamp(23px,5.6vw,33px);line-height:1.3}
  body:not(.lab-page) .cta h2 {font-size:clamp(28px,7.5vw,40px);line-height:1.2}
}
