/* Une question vue par l'élève (page élève et aperçu du prof) : confiance, réponse, retour. */

.q-carte { display: flex; flex-direction: column; gap: 14px; font-family: var(--police-eleves); }
.q-enonce { font-size: 1.2em; font-weight: 700; margin: 0; }
.q-consigne { margin: 0; color: var(--texte-second); }
.q-confiance { display: flex; flex-wrap: wrap; gap: 8px; }
.q-confiance .bouton-second { flex: 1 1 120px; min-height: 52px; font-weight: 700; }
.q-formulaire { gap: 14px; }
.q-choix { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.q-choix-ligne { flex-direction: row; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--trait-fort);
  border-radius: var(--rayon-carte); background: var(--surface); font-weight: 400; cursor: pointer; }
.q-choix-ligne:has(input:checked) { border-color: var(--accent); background: var(--accent-doux); }
.q-choix-ligne input { min-height: 0; width: 20px; height: 20px; flex: none; }
.q-carte textarea { min-height: 96px; padding: 10px 12px; border: 1px solid var(--trait-fort); border-radius: var(--rayon); font: inherit; }
.q-retour { padding: 14px 16px; border-radius: var(--rayon-carte); display: flex; flex-direction: column; gap: 6px; }
.q-retour p { margin: 0; }
.q-juste { background: var(--succes-fond); color: var(--succes-texte); }
.q-faux { background: var(--surface-douce); }
.q-verdict { font-weight: 700; font-size: 1.1em; }
.q-ecart { font-style: italic; }
.q-etiquette { font-weight: 700; }
.q-source { font-size: 0.9em; color: var(--texte-second); }
.q-modele { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; background: var(--surface-douce); border-radius: var(--rayon-carte); }
.q-modele p { margin: 0 0 8px; }
.q-carte > .bouton { align-self: flex-start; }
.visuellement-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }