/*
  Icônes Phosphor posées à la place des anciens dessins SVG :
  <i class="ph ph-check icone w-5 h-5" aria-hidden="true"></i>

  La boîte prend sa taille comme le faisait le SVG (classes w-/h-, attribut
  style, règles de la page sur « .conteneur .icone ») et le glyphe s'y ajuste
  grâce aux unités de conteneur. --icone-l et --icone-h jouent le rôle des
  anciens attributs width/height : n'importe quelle règle les remplace.
*/
:where(.ph.icone, .ph-bold.icone) {
  display: block;
  width: var(--icone-l, 1em);
  height: var(--icone-h, var(--icone-l, 1em));
}
:is(.ph, .ph-bold).icone {
  container-type: size;
  vertical-align: middle;
}
:is(.ph, .ph-bold).icone::before {
  display: block;
  font-size: min(100cqw, 100cqh);
  line-height: 100cqh;
  text-align: center;
}