/* v33 : rendu identique entre Chrome, Safari et DuckDuckGo (WebKit et Chromium).
   Chargé en dernier sur toutes les pages. */

/* 1. Même rendu du texte partout : pas de gonflement iOS, pas de faux gras, crénage et lissage explicites. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  font-kerning: normal;
  font-synthesis: none;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Même coupure de lignes partout. text-wrap balance/pretty n'est pas appliqué de la même façon
   (Chrome oui, Safari selon la version) : on revient à la coupure standard, identique dans tous les moteurs.
   Seul le style de coupure change ; white-space: nowrap reste respecté. */
html body :is(h1, h2, h3, h4, p, li, blockquote, figcaption, dd, .h-cond, .post__title, .phead__title) {
  text-wrap-style: auto;
}

/* Les titres condensés qui remplissent exactement leur colonne : Chrome et Safari n'arrondissent pas
   les sous-pixels pareil, et l'un renvoie le dernier mot à la ligne. Quelques pixels de tolérance invisibles. */
.h-cond { margin-inline-end: -.06em; }

/* 3. Échelle de tailles : chaque palier atteint son maximum à 1440 px de large, puis ne bouge plus. */
:root {
  --step--1: clamp(.84rem, .8rem + .1vw, .89rem);
  --step-4: clamp(2.6rem, 1.6rem + 5vw, 6.1rem);
  --step-5: clamp(3.2rem, 1.4rem + 8.4vw, 8.96rem);
}
.post__title { font-size: clamp(2.6rem, 1.4rem + 5vw, 5.9rem); }
.jcard--lead h3 { font-size: clamp(2.2rem, 1.2rem + 2.6vw, 3.54rem); }

/* 4. Largeur du contenu verrouillée à 1440 px sur les grands écrans : les colonnes, donc les coupures,
   restent les mêmes quelle que soit la taille de la fenêtre au-delà. */
@media (min-width: 1552px) {
  :root { --gut: max(56px, calc((100% - 1440px) / 2)); }
}