/* quiz-v2.css — ajouts du 2026-10-14 (voir assets/js/quiz.js) :
   « Je ne sais pas », mode pédagogique sans chrono, « À retenir » en fin de partie. */

.qf-dontknow {
    justify-self: start; align-self: flex-start; margin-top: 4px;
    background: none; border: 0; padding: 8px 4px; cursor: pointer;
    color: var(--ng-t55); font: inherit; font-size: 13.5px;
    text-decoration: underline; text-underline-offset: 3px; text-decoration-color: currentColor;
}
.qf-dontknow:hover:not(:disabled) { color: var(--ng-t85, inherit); }
.qf-dontknow:disabled { visibility: hidden; }
.qf-dontknow:focus-visible { outline: 2px solid var(--ng-accent, #4d6bff); outline-offset: 2px; border-radius: 6px; }

/* Pédagogique : pas de chrono affiché */
.qf-untimed .qf-timer-text, .qf-untimed .qf-progress-bar-bg { display: none; }

/* À retenir */
.qf-takeaways { margin: 22px 0 6px; }
.qf-takeaways[hidden] { display: none; }
.qf-tk-list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; counter-reset: tk; }
.qf-tk-list li { counter-increment: tk; position: relative; padding: 14px 16px 14px 46px; border-radius: 14px; background: var(--ng-inner); }
.qf-tk-list li::before { content: counter(tk); position: absolute; left: 14px; top: 14px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: rgba(239,68,68,.14); color: #ef4444; }
.qf-tk-list p { margin: 0; }
.qf-tk-q { font-weight: 600; color: var(--ng-t85, inherit); line-height: 1.45; }
.qf-tk-mine { margin-top: 6px !important; font-size: 13px; color: #ef4444; text-decoration: line-through; text-decoration-color: rgba(239,68,68,.5); }
.qf-tk-ok { margin-top: 6px !important; font-size: 14px; font-weight: 600; color: #10b981; }
.qf-tk-exp { margin-top: 6px !important; font-size: 13.5px; line-height: 1.55; color: var(--ng-t55); }

/* 2026-10-15 : fenêtre d'explication déplacée sous <body>, au-dessus de l'en-tête,
   de l'assistant et du bandeau cookies (z-index 100000+), avec un vrai bouton Fermer. */
body > .qf-exp-modal { z-index: 100050; }
.qf-exp-modal-close { width: 40px; height: 40px; font-size: 15px; }
.qf-em-foot { display: flex; justify-content: flex-end; margin-top: 16px; }
.qf-em-foot .ng-btn-primary { min-width: 120px; justify-content: center; }
.qf-em-exp-text, .qf-exp-text { white-space: pre-line; }

/* Deuxième chance et erreurs à revoir */
.qf-result-card.is-retry { opacity: .85; }
.qf-result-card.is-retry .qf-rc-num { color: var(--ng-accent-soft); }
.qf-result-card:focus-visible { outline: 2px solid var(--ng-accent, #4d6bff); outline-offset: 2px; }
.qf-tk-fixed { margin-top: 6px !important; font-size: 13px; font-weight: 600; color: var(--ng-accent-soft); }
.qf-errors-card { margin-top: 14px; }
.qf-errors-card[hidden] { display: none; }