/* Le lien de sortie de section : « Voir tous les palmarès → », « Voir la fiche
   complète → ».
 *
 * Ni bouton ni gélule : une phrase bleue en petites capitales espacées, une
 * flèche, et rien d'autre. C'est ce qui le distingue de « a.entrer », l'appel à
 * l'action bordé — on ne pousse pas à sortir d'une section, on ouvre une porte
 * pour qui la cherche.
 *
 * DANS UNE FEUILLE À PART parce qu'il sert des deux côtés de la couture : la
 * landing le pose au bas de ses sections (famille grand-tour), Adopte au bas de
 * sa fiche (famille theme). Le recopier dans les deux, c'était la divergence de
 * demain. Il ne se sert que de « --color-accent » et « --color-accent-600 »,
 * que les deux palettes déclarent. */
.lien-sortie {
  display: inline-block; text-decoration: none; cursor: pointer;
  font-family: var(--font-body); font-weight: 700;
  font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--color-accent); background: none; border: none; padding: 0;
}
.lien-sortie::after { content: " →"; }
/* Dans une bulle de carte, Leaflet peint ses liens en bleu clair avec une
   règle plus précise que la nôtre (« .leaflet-container a ») : on la bat au
   même niveau, pour que « voir sa fiche » ait la couleur des autres sorties. */
.leaflet-container a.lien-sortie { color: var(--color-accent); }
/* Le survol colle au doigt sur écran tactile : il se pose au toucher et ne part
   qu'au prochain appui ailleurs. */
@media (hover: hover) and (pointer: fine) {
  .lien-sortie:hover { color: var(--color-accent-600); background: none; }
}