/* Portreto — l'EN-TETE COMMUN (14/09) : le mot-symbole a gauche, les deux drapeaux en tete de Poto a droite.
   Une seule source pour l'accueil (index.html) et Formeto (formeto.js) ; le balisage vient de entete.js.
   Les pages legales, /c/:token, la 404 et la desinscription gardent le mot seul centre (.marque-page, legal.css). */
.langues{position:absolute;top:14px;right:14px;z-index:20;display:flex;gap:8px;}   /* defile avec la page (12/09) : un en-tete fixe coutait 10 % de la vue */
.langues a{display:block;background:none;border:none;padding:0;cursor:pointer;width:30px;height:30px;border-radius:50%;opacity:.45;
                  transition:opacity .15s, transform .15s;}
.langues a svg{display:block;width:30px;height:30px;}
.langues a[aria-current="page"]{opacity:1;transform:scale(1.08);}
.langues a[aria-current="page"] svg{filter:drop-shadow(0 0 1.5px var(--sakura)) drop-shadow(0 0 1.5px var(--sakura));}   /* le halo suit la tete de Poto (12/09), plus un rond */
.langues a:focus-visible{outline:2px solid var(--sakura-fonce);outline-offset:3px;}
.langues[hidden]{display:none;}
.marque{position:absolute;top:14px;left:16px;z-index:20;height:30px;line-height:0;user-select:none;}   /* 30 px = le diametre des pastilles de langue : une ligne d'objets de meme taille (12/09) */
.marque svg{height:30px;width:auto;display:block;}
.marque[hidden]{display:none;}   /* seulement sur l'accueil : changer de langue en cours de portrait ne retraduirait pas la carte */