/* =============================================================
   MIST Normandie — Liens dans un paragraphe de fiche (R-EVTF)

   🔴 POURQUOI CE FICHIER EXISTE
   `mist-ds.css:65` pose `a{color:inherit;text-decoration:none}`.
   Dans ce design system, un lien n'a AUCUNE apparence propre :
   elle vient toujours d'une classe (`.link-text`, `.btn`,
   `.breadcrumb a`, `.site-footer a`). Le paragraphe du bloc de
   fin de fiche porte désormais trois liens saisis au back-office
   (demande R-EVTF) : sans règle, ils sortent de la même couleur
   et de la même graisse que le texte — indiscernables.

   Défaut vu à la CAPTURE le 07/09. Les huit critères de sonde
   étaient verts : 0 lien vide, 0 lien prototype, 0 erreur, et un
   HTML parfaitement correct. Une capture bat une métrique.

   ⚠️ AUCUNE VALEUR NOUVELLE. On reprend mot pour mot le traitement
   de `.link-text` (mist-ds.css:88-89) — bleu souligné, orange au
   survol — SANS ses propriétés de mise en page (`inline-flex`,
   `font-size:14px`, `font-weight:800`), qui casseraient le fil du
   paragraphe.
   ============================================================= */

.mist-lead-liens a {
  color: var(--blue);
  text-decoration: underline;
  text-decoration-color: rgba(62, 73, 130, .35);
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  font-weight: 700;
  transition: color .2s, text-decoration-color .2s;
}

.mist-lead-liens a:hover,
.mist-lead-liens a:focus-visible {
  color: var(--orange);
  text-decoration-color: var(--orange);
}