/* Page « question du jour » (src/ui/questionDuJour.js). Uniquement les variables de site/src/styles/tokens.css. */

.question-jour__enonce { font-size: var(--t-chapo); font-weight: 600; margin-block: var(--e-3); }
.choix-jour__liste { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--e-3); }
.choix-jour {
  display: flex; align-items: flex-start; gap: var(--e-3); width: 100%; min-height: var(--cible-min);
  padding: var(--e-3) var(--e-4); font: inherit; text-align: start; color: var(--c-texte);
  background: var(--c-fond); border: 2px solid var(--c-texte-doux); border-radius: 8px; cursor: pointer;
}
.choix-jour:hover:not(:disabled) { border-color: var(--c-action); }
.choix-jour:focus-visible { outline: 3px solid var(--c-action); outline-offset: 2px; }
.choix-jour:disabled { cursor: default; }
.choix-jour[data-etat="bonne"] { border-color: var(--c-action); border-width: 3px; font-weight: 600; }
.choix-jour[data-etat="fausse"] { border-style: dashed; }
.choix-jour__lettre { font-weight: 700; }
.choix-jour__texte { flex: 1; }
.correction-jour { margin-block-start: var(--e-5); padding: var(--e-4); border-inline-start: 6px solid var(--c-action); }
.correction-jour[hidden] { display: none; }
.correction-jour__verdict { font-weight: 700; }