/* Le bouton qui ferme une fenêtre des consoles : un seul dessin, le cercle
   ✕ du public (`.mf-fermer`), premier enfant de la boîte. Toujours présent en
   haut à droite ; un « Annuler » en bas n'existe qu'en paire d'un bouton qui
   enregistre.
   `sticky` : il reste au bord visible pendant que le contenu défile.
   ⚠ La boîte qui le porte ne doit pas être en `overflow:hidden` — elle
   deviendrait son port de défilement et il ne collerait plus à rien ;
   `overflow:clip` coupe sans ça. Les marges qui le rentrent dans le coin
   dépendent du rembourrage de la boîte : elles vivent chez chaque console. */
.fermer-modale { position:sticky; top:.7rem; z-index:5; display:block;
  width:38px; height:38px; margin-left:auto; padding:0; border-radius:50%;
  border:1px solid var(--bord); background:var(--surface); color:var(--encre);
  font-size:1.05rem; line-height:1; cursor:pointer;
  outline:3px solid var(--or); outline-offset:2px; }
.fermer-modale:focus-visible { outline-color:var(--or); box-shadow:none; }
.fermer-modale:hover { background:var(--fond); }
@media (hover:hover) and (pointer:fine) { .fermer-modale:focus-visible { background:var(--fond); } }