/* LIEN D'ÉVITEMENT — une seule définition pour les sept pages servies.
   Les pages ne partagent aucune feuille : l'application charge design.css et
   style.css, la page de vente landing.css, les pages légales legal.css. Un
   composant commun n'a donc nulle part où vivre — d'où ce fichier, chargé
   partout, plutôt que la même règle recopiée quatre fois (CLAUDE.md, règle 1).

   Il reste hors de l'écran jusqu'à ce qu'on l'atteigne au clavier, puis se pose
   par-dessus tout. Il n'est PAS masqué par display:none ni visibility:hidden :
   l'un et l'autre le retireraient de l'ordre de tabulation, ce qui annulerait
   son seul usage. */
.lien-evitement {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 10px 16px;
  background: #17402F;
  color: #FFFFFF;
  font: 600 14px/1.2 inherit, system-ui, sans-serif;
  text-decoration: none;
  border-radius: 0 0 6px 0;
}
.lien-evitement:focus {
  left: 0;
  outline: 2px solid #72B190;
  outline-offset: 2px;
}