.quiz{gap:var(--e-6);flex-direction:column;max-width:38rem;margin-inline:auto;display:flex}.quiz__haut{gap:var(--e-3);flex-direction:column;display:flex}.quiz__compteur{justify-content:space-between;align-items:baseline;gap:var(--e-3);font-size:var(--t-sm);color:var(--gris);display:flex}.quiz__compteur strong{color:var(--marine);font-weight:600}.quiz__theme{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--rouge);font-weight:500}.quiz__barre{background:var(--marine-100);border-radius:999px;height:4px;overflow:hidden}.quiz__barre-remplie{background:linear-gradient(90deg, var(--marine), var(--marine-700));border-radius:inherit;height:100%;transition:width .35s;display:block}.quiz__carte{gap:var(--e-5);flex-direction:column;display:flex}.quiz__carte--avant{animation:.28s both quiz-entree-avant}.quiz__carte--arriere{animation:.28s both quiz-entree-arriere}@keyframes quiz-entree-avant{0%{opacity:0;transform:translate(14px)}}@keyframes quiz-entree-arriere{0%{opacity:0;transform:translate(-14px)}}.quiz__enonce{outline:none;min-height:3.9em;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.85rem);font-weight:450;line-height:1.3}.quiz__contexte-bouton{margin-top:var(--e-3);border:1px solid var(--marine-100);border-radius:var(--r-bouton);background:var(--blanc);color:var(--marine);font-size:var(--t-sm);cursor:pointer;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .75rem;display:inline-flex}.quiz__contexte-bouton:hover,.quiz__contexte-bouton[aria-expanded=true]{background:var(--marine-50)}.quiz__contexte-bouton svg{stroke-width:1.75px;width:1rem;height:1rem}.quiz__contexte{padding:var(--e-4) var(--e-5);border-left:2px solid var(--rouge);background:var(--papier);border-radius:0 var(--r-petit) var(--r-petit) 0;font-size:var(--t-base);color:var(--encre);line-height:1.6}.quiz__contexte[hidden]{display:none}.quiz__contexte p{margin:0}.quiz__enclair-titre{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--rouge);align-items:center;gap:.35rem;font-weight:700;display:flex;margin-bottom:var(--e-1,.25rem)!important}.quiz__enclair-titre svg{width:.95rem;height:.95rem}.quiz__savoir{margin-top:var(--e-3);padding-top:var(--e-3);border-top:1px solid var(--trait)}.quiz__savoir-titre{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--marine);font-weight:600}.quiz__sources{margin-top:var(--e-2);gap:var(--e-2);flex-direction:column;padding:0;list-style:none;display:flex}.quiz__sources li{font-size:var(--t-xs);color:var(--gris);flex-direction:column;display:flex}.quiz__sources a{font-size:var(--t-sm);align-items:center;gap:.3rem;display:inline-flex}.quiz__sources svg{width:.85rem;height:.85rem}.quiz__source-manquante{margin-top:var(--e-3);color:#6b4e00;background:#fff4d6;border:1px dashed #c99a00;border-radius:4px;padding:0 .4rem;font-size:.7rem;font-weight:500;display:inline-block}.quiz__choix{gap:var(--e-2);flex-direction:column;display:flex}.quiz__choix-bouton{align-items:center;gap:var(--e-4);min-height:3.25rem;padding:.6rem var(--e-4);border:1px solid var(--trait);background:var(--blanc);color:var(--encre);font-size:var(--t-base);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;grid-template-columns:auto 1fr auto;transition:border-color .15s,background-color .15s,transform .1s;display:grid}@media (hover:hover){.quiz__choix-bouton:hover{border-color:var(--marine)}}.quiz__choix-bouton:active{transform:scale(.99)}.quiz__choix-bouton[aria-pressed=true]{background:var(--marine);border-color:var(--marine);color:var(--blanc)}.quiz__echelle{gap:3px;display:inline-flex}.quiz__echelle span{background:var(--marine-100);border-radius:50%;width:6px;height:6px}.quiz__echelle span.actif{background:var(--marine)}.quiz__choix-bouton[aria-pressed=true] .quiz__echelle span{background:#ffffff4d}.quiz__choix-bouton[aria-pressed=true] .quiz__echelle span.actif{background:var(--blanc)}.quiz__touche{border:1px solid var(--trait);min-width:1.5rem;font-family:var(--f-texte);font-size:var(--t-xs);color:var(--gris);text-align:center;border-radius:5px;padding:.05rem .4rem;display:none}@media (hover:hover) and (pointer:fine){.quiz__touche{display:inline-block}}.quiz__choix-bouton[aria-pressed=true] .quiz__touche{color:var(--blanc);border-color:#fff6}.quiz__bas{margin-top:calc(-1 * var(--e-2));justify-content:space-between;align-items:center;display:flex}.quiz__lien{min-height:2.75rem;color:var(--marine);font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0 .5rem;display:inline-flex}.quiz__lien svg{stroke-width:1.75px;width:1.1rem;height:1.1rem}.quiz__lien:disabled{color:var(--marine-100);cursor:default}.quiz__lien:not(:disabled):hover{color:var(--rouge)}.quiz__lien--passer{text-underline-offset:.2em;text-decoration:underline;text-decoration-color:var(--marine-100)}.quiz__lien--passer[aria-pressed=true]{font-weight:600}.quiz__note{justify-content:space-between;align-items:center;gap:var(--e-2) var(--e-4);padding-top:var(--e-5);border-top:1px solid var(--trait);font-size:var(--t-xs);color:var(--gris);flex-wrap:wrap;display:flex}.quiz__recommencer{color:var(--gris);font-size:var(--t-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.4rem 0;display:inline-flex}.quiz__recommencer:hover{color:var(--rouge)}.quiz__recommencer svg{width:.85rem;height:.85rem}
