/* Éléments d'interface partagés par toutes les pages d'outils et de famille.
   Partager le CSS et les scripts d'interface est autorisé depuis le 28/09
   (décision d'Arnaud) ; la logique propre à chaque outil reste dans son
   dossier.

   Fil d'Ariane : « r-no.fr / fr / famille / outil », le calque de l'adresse
   (choix d'Arnaud du 28/09). « r-no.fr » mène à la racine du site, qui
   redirige selon la langue du navigateur ; « fr » ou « en », à l'accueil
   dans la langue de la page. Il a remplacé « r-no », qui remplaçait
   lui-même le « ~ » d'origine, un seul caractère qui se visait mal. */

.fil {
  color: #7d898f;
  font-size: 0.85rem;
}

/* Le préfixe ne se coupe jamais en fin de ligne. */
.fil .racine { white-space: nowrap; }

/* Section Transparency : repliée par défaut, un clic sur son titre déroule
   tout son contenu (demande d'Arnaud du 28/09). C'est un <details> natif :
   aucun script, et le contenu reste dans la page (recherche, lecteurs
   d'écran, moteurs). Même repère ▸ / ▾ que l'arborescence de l'accueil.
   Le cadre et la typographie sont dans /commun/outil.css. */

.transparence > summary {
  display: flex;
  align-items: baseline;
  gap: 0.6em;
  cursor: pointer;
  list-style: none;
}

.transparence > summary::-webkit-details-marker { display: none; }

.transparence > summary::before {
  content: "▸";
  width: 1em;
  color: var(--discret);
}

.transparence[open] > summary::before { content: "▾"; }

.transparence > summary h2 { margin: 0; }
.transparence[open] > summary { margin-bottom: 10px; }

.transparence > summary:hover h2,
.transparence > summary:focus-visible h2 { color: var(--accent); }
.transparence > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }