/* ==========================================================================
   .pm-link-list — liste de liens bleus suivis d'une flèche

   Le libellé pousse la flèche contre le bord droit, quelle que soit sa
   longueur : c'est ce que fait l'auto-layout de la maquette, où le texte
   occupe 479px des 512 disponibles et la flèche les 24 restants.
   ========================================================================== */

.pm-link-list {
  display: flex;
  flex-direction: column;
  gap: var(--pm-space-xs);
  width: 100%;
}

.pm-link-list__link {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: var(--pm-icon-size);

  /* Style « Interface (Boutons) » : DM Sans 500. Sans cette déclaration le
     lien héritait du corps de page en graisse 400. */
  font-family: var(--pm-text-interface-family);
  font-size: var(--pm-text-interface-size);
  font-weight: var(--pm-text-interface-weight);
  line-height: var(--pm-text-interface-height);
  letter-spacing: var(--pm-text-interface-spacing);

  /* Encre, pas bleu. Le nœud Figma porte pourtant un fill #1510DE — mais il est
     entièrement recouvert par une plage `styleOverrideTable` qui repeint la
     chaîne en #08001E. Ce qui s'affiche dans la maquette, donc ce qui fait foi,
     est l'encre ; le bleu du nœud n'est jamais visible.

     Le fill de base est lié à VariableID:1:54 et celui de la plage à
     VariableID:96:296 : deux variables distinctes, non résolubles ici
     (`/variables/local` est réservé à l'offre Enterprise). */
  color: var(--pm-color-ink);
  transition: color var(--pm-duration) var(--pm-easing);
}

.pm-link-list__label {
  flex: 1 1 auto;
}

/* Survol : gras et souligné, couleur inchangée. La maquette le matérialise en
   dessinant une seule ligne par carte dans cet état — c'est la plage décrite
   ci-dessus, qui ajoute graisse 700 et UNDERLINE à l'encre déjà en place.

   Pas de décalage de mise en page malgré le gras : le libellé est l'élément
   flexible de la ligne, c'est lui qui absorbe la différence de chasse, et la
   flèche ne bouge pas. */
.pm-link-list__link:hover {
  font-weight: 700;
  text-decoration: underline;
}