/* ==========================================================================
   .pm-badge — pastille « P » signalant un article réservé aux abonnés
   Figma : composant « Picto abo » (2045:1568), 25×25, fond #EDC65A, rayon 2.

   Contrairement aux icônes du projet, cet asset est BICOLORE — carré jaune et
   lettre encre. Il ne peut donc pas passer par un masque CSS, qui aplatirait
   les deux couleurs en une seule. C'est une image.
   ========================================================================== */

.pm-badge {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../../img/picto-abo.svg") center / contain no-repeat;

  /* Centrée sur la hauteur de capitale de la ligne qu'elle précède.

     `-0.25em` calait son bas sous la ligne de base, ce qui la faisait plonger
     d'autant plus que le titre est gros : 10px trop bas sur un titre de fil à
     40px, contre 5px dans la colonne latérale à 20px. Le décalage grandissait
     avec le corps, alors qu'il devrait disparaître.

     La formule le rend indépendant du corps. Le décalage à appliquer depuis la
     ligne de base vaut (hauteur de capitale − 25) / 2 ; Bitter a une hauteur de
     capitale de 0,700 em — mesurée, identique à 20 et à 40px — d'où 0.35em
     moins la moitié des 25px de la pastille. Cela donne +1,5px à 40px et
     −5,5px à 20px, sans qu'aucune des deux valeurs soit écrite en dur.

     Si la pastille change de taille, c'est le 12.5px qu'il faut suivre. */
  vertical-align: calc(0.35em - 12.5px);
}