/* LANGTOP — le choix de langue dans l'en-tete. Ajoute le 2026-08-02.
   ---------------------------------------------------------------------------
   FICHIER SEPARE ET NEUF, jamais une modification d'`easypdf-v3.css`, et c'est
   une contrainte et non un gout : `/assets/*` est servi
   `Cache-Control: immutable, max-age=31536000`. Toucher la feuille commune
   apres le premier deploiement laisserait des visiteurs un an sur l'ancienne
   version, et la renommer trancherait M25 par la bande — une decision qui
   appartient a laurent. La meme sortie a deja ete prise pour `carousel-v4.css`
   le 2026-07-31 : c'est la convention du depot, pas une improvisation.

   Charge APRES `easypdf-v3.css` par les trois pages REELLEMENT multilingues
   (accueil, mentions legales, confidentialite). Les sept autres portent
   `data-locales="fr"` : elles n'ont pas de langue a proposer, elles ne chargent
   donc pas cette feuille. */

/* ── Choix de langue dans l'en-tête — ajouté le 2026-08-02 ──────────────────
   Posé à droite de « Nos limites ». La cible tactile fait 24 px de côté au
   minimum (WCAG 2.2 AA, 2.5.8) : un drapeau emoji est petit, et un lien de
   16 px serait un échec de critère, pas un détail esthétique.
   L'emoji est `aria-hidden` côté JS ; le nom accessible du lien est le NOM DE
   LA LANGUE, jamais le pays. */
.hdr__lang { display: inline-flex; align-items: center; margin-left: .75rem; }
.langtop { display: flex; gap: .15rem; list-style: none; margin: 0; padding: 0; }
.langtop__a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 24px; min-height: 24px; padding: .1rem .25rem;
  border-radius: 6px; text-decoration: none; line-height: 1;
  font-size: 1.05rem; opacity: .55;
}
.langtop__a:hover, .langtop__a:focus-visible { opacity: 1; }
.langtop__a[aria-current="true"] { opacity: 1; background: rgba(255, 255, 255, .16); }
.langtop__f { font-size: 1.05rem; }