/* Rendu à deux étages.
 *
 * ⚠️ HISTOIRE DE CE FICHIER, à ne pas refaire. Première version : `max-height: 0`
 * sur la fraction, pour l'empêcher d'écarter les lignes du paragraphe. La MESURE
 * était parfaite — écart de hauteur 0,0 px — et le RENDU était cassé : le
 * dénominateur barrait le mot de la ligne suivante. Une propriété déclarée
 * (« la ligne ne bouge pas ») satisfaite par un mécanisme qui détruit le
 * contenu : c'est le halo des figures SVG, rejoué en CSS.
 *
 * Le fait à accepter : une fraction à deux étages, à taille lisible, NE TIENT
 * PAS dans une interligne de 1,55. Donc on ne la fait pas rentrer de force — on
 * donne au texte une interligne qui l'accueille, la MÊME pour toutes les lignes,
 * pour qu'aucune ne respire plus que sa voisine.
 */

/* Les deux valeurs ci-dessous ne sont pas choisies : elles sont MESURÉES.
 * Balayage de 4 interlignes × 7 alignements verticaux, au rendu, à 390 px, sur
 * un paragraphe réel de F5. Trois couples seulement satisfont les trois
 * critères — espacement uniforme, aucun chevauchement, fraction centrée sur sa
 * ligne — et voici le plus compact :
 *
 *     lh     va      uniforme  chevauch.  décentrage  hauteur
 *     1.85   0.75em    oui        0          0,61 px   148 px   ←
 *     1.85   0.90em    oui        0         -1,13 px   148,7
 *     2.00   0.75em    oui        0          0,61 px   160
 *
 * `vertical-align` POSITIF est contre-intuitif : la ligne de base d'un
 * inline-grid est celle de sa DERNIÈRE rangée — le dénominateur. Il faut donc
 * remonter la fraction, pas la descendre. Toute la journée est passée à croire
 * l'inverse, jusqu'à ce que la mesure le dise. */

/* toute zone de texte qui peut porter une fraction */
.texte-fiche { line-height: 1.85; }

.frac {
  display: inline-grid;
  grid-template-rows: auto auto;
  justify-items: center;
  vertical-align: 0.75em;
  font-size: 0.72em;
  line-height: 1.15;
}
.frac-n { border-bottom: 0.08em solid currentColor; padding: 0 0.22em; }
.frac-d { padding: 0 0.22em; }