/* LA BANDE DE FIN EN DEUX LIGNES AU PLUS (PRODUIT, 10/11/2026 ; revue Kevin 10/11 20:0x, LEAD ⑥ : « 2 lignes MAX sur chaque page
   outil »). Le titre d'une page posée porte --closer-em, la largeur de sa ligne la plus longue en em (sa source) : la taille est
   celle du gabarit (prototype-2213.css, les deux clamp() ci-dessous, relus par test/gabarit-outil-v4.mjs), plafonnée pour que cette
   ligne tienne dans la largeur de la bande (100cqi). Un titre court garde la taille du gabarit ; un long rapetisse juste assez.
   La mesure de largeur passe de 960 px à la bande entière : à 1440 la taille du gabarit (80 px) tient pour les cinq pages. */
.hf3>#closer-call.hf-tool-closer .closer-message{container-type:inline-size}
.hf3>#closer-call.hf-tool-closer.closer h2[style*="--closer-em"]{max-width:none;font-size:min(clamp(50px, 5.6vw, 80px), 100cqi / var(--closer-em))}
@media (max-width: 760px){.hf3>#closer-call.hf-tool-closer.closer h2[style*="--closer-em"]{font-size:min(clamp(32px, 8.4vw, 58px), 100cqi / var(--closer-em))}}
/* Les pages outils traduites (FR, DE, ES) ont encore leur forme d'avant le gabarit (section lime .closer.b-watermark, tailles de
   /assets/brand-tools-v3/page.css : 82 px, 46 px sous 760 px, relues par le banc) : même règle sur leur titre, qui porte son
   --closer-em. La mesure de 18ch passe au cadre entier. */
.closer.b-watermark>.frame{container-type:inline-size}
.closer.b-watermark h2[style*="--closer-em"]{max-width:none;font-size:min(82px, 100cqi / var(--closer-em))}
/* Sous 760 px, un titre dont la taille en deux lignes tomberait sous 24 px (plus petit que le bouton à côté) garde la taille de
   page.css et attend des mots plus courts (ÉDITO) : data-closer-mobile="mots". */
@media (max-width: 760px){.closer.b-watermark h2[style*="--closer-em"]{font-size:min(46px, 100cqi / var(--closer-em))}
.closer.b-watermark h2[style*="--closer-em"][data-closer-mobile="mots"]{font-size:46px}}
/* LES TITRES DES BLOCS « Why » EN DEUX LIGNES AU PLUS (PRODUIT, 11/11/2026). NOTE D'INCIDENT (BANC/EXTENSION/QUALITÉ 11/11) : le titre du
   bloc 01 d'Export (« The whole chat in Markdown, on your device ») prenait trois lignes à 1440 (44 px) et à 390 (29 px). Même règle que
   le titre de fin : chaque h3 posé porte --titre-em (poser.mjs --mesurer : sa ligne la plus longue, en deux lignes, en em) ; la taille
   est celle du gabarit (handoff-v4/refonte-1110.css : 44, 38, 32, 29 px, relues par test/gabarit-outil-v4.mjs), plafonnée pour que cette
   ligne tienne dans la colonne (100cqi). Plancher 24 px : un titre qui passerait dessous garde la taille du gabarit dans la plage nommée
   par data-titre-mots (large, tablette, moyen, mobile) et attend des mots plus courts (ÉDITO). */
.hf3 .hf-why .hf-block-copy:has(>h3[style*="--titre-em"]){container-type:inline-size}
.hf3 .hf-why .hf-block-copy h3[style*="--titre-em"]{font-size:min(44px, 100cqi / var(--titre-em))}
.hf3 .hf-why .hf-block-copy h3[data-titre-mots~="large"]{font-size:44px}
@media (max-width:1100px){.hf3 .hf-why .hf-block-copy h3[style*="--titre-em"]{font-size:min(38px, 100cqi / var(--titre-em))}
.hf3 .hf-why .hf-block-copy h3[data-titre-mots~="tablette"]{font-size:38px}}
@media (max-width:900px){.hf3 .hf-why .hf-block-copy h3[style*="--titre-em"]{font-size:min(32px, 100cqi / var(--titre-em))}
.hf3 .hf-why .hf-block-copy h3[data-titre-mots~="moyen"]{font-size:32px}}
@media (max-width:760px){.hf3 .hf-why .hf-block-copy h3[style*="--titre-em"]{font-size:min(29px, 100cqi / var(--titre-em))}
.hf3 .hf-why .hf-block-copy h3[data-titre-mots~="mobile"]{font-size:29px}}