/* Affichage bilingue des outils du site (scripts/traduction/bilingue.js) : français en grand, traduction dessous.
   Variables de tokens.css seulement. Même rendu que quiz/bilingue.css. */
.bilingue__fr, .bilingue__trad { display: block; }
.bilingue__fr { text-align: start; }
.bilingue__trad { margin-block-start: var(--e-1); font-size: var(--t-petit); font-weight: 400; color: var(--c-texte-doux); text-align: start; }
.bilingue__trad[lang="ar"] { font-family: var(--f-arabe); }
.choix .bilingue { flex: 1; }
.langues-outil { display: flex; flex-wrap: wrap; gap: var(--e-2); margin-block-end: var(--e-4); }
.langues-outil .bouton[aria-pressed="true"] { background: var(--c-action); color: var(--c-fond); }
.case-traduction { display: inline-flex; align-items: center; gap: var(--e-2); min-height: var(--cible-min); font-size: var(--t-petit); cursor: pointer; }
.case-traduction input { width: var(--e-5); height: var(--e-5); margin: 0; accent-color: var(--c-action); }
.rappel-traduction { display: inline-flex; align-items: center; min-height: var(--cible-min); padding-inline: var(--e-2); margin-block: var(--e-1); background: none; border: 0; color: var(--c-action); font: inherit; font-size: var(--t-petit); text-decoration: underline; text-align: start; cursor: pointer; }