/* Test « 12 mises en situation en 10 minutes » (quiz/src/ui/testMs/) : variables de tokens.css seulement. */
.test-ms { margin-block: var(--e-6); }
.test-ms__ecran { display: grid; gap: var(--e-4); }
.test-ms__ecran h2 { margin: 0; }
.test-ms__demarches { display: flex; flex-wrap: wrap; gap: var(--e-2); margin: 0; padding: 0; border: 0; }
.test-ms__demarches legend { margin-block-end: var(--e-2); font-weight: 700; }
.test-ms__demarches .bouton[aria-pressed="true"] { background: var(--c-action); color: var(--c-fond); }
.test-ms__chrono { margin: 0; font-variant-numeric: tabular-nums; color: var(--c-texte-doux); }
.test-ms__annonce:empty { display: none; }
.test-ms__annonce { margin: 0; padding: var(--e-3) var(--e-4); border-radius: var(--rayon); background: var(--c-accent-doux); }
.test-ms__theme { margin: 0; font-size: var(--t-petit); color: var(--c-texte-doux); }
.test-ms__enonce { margin: 0; font-size: var(--t-chapo); font-weight: 700; }
.test-ms__choix { display: grid; gap: var(--e-3); margin: 0; padding: 0; list-style: none; }
.test-ms__choix .choix { width: 100%; font: inherit; color: var(--c-texte); text-align: start; }
.test-ms__choix .choix[aria-pressed="true"] { border-color: var(--c-action); background: var(--c-action-doux); }
.test-ms__choix .choix:focus-visible { outline: 3px solid var(--c-action); outline-offset: 2px; }
.test-ms__choix .choix > .choix__lettre { flex: none; font-weight: 700; }
.test-ms__bilan { padding: var(--e-5); border: 1px solid var(--c-trait); border-inline-start: 6px solid var(--c-action); border-radius: var(--rayon-carte); background: var(--c-carte); }
.test-ms__bute { margin: 0; font-weight: 700; }
.test-ms__expliquee { padding: var(--e-4); border-radius: var(--rayon); background: var(--c-fond-2); }
.test-ms__expliquee p { margin: 0 0 var(--e-2); }
.test-ms__offre { display: grid; gap: var(--e-3); justify-items: start; }
.test-ms__offre p { margin: 0; }
.test-ms__bilan .actions { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.test-ms-info { margin-top: var(--e-6); }