/* « Mode contrôle » of the free exercises: level choice, countdown and verdict (assets/front/js/exam-mode.js). */
.exam-lead{margin:0 0 18px;text-align:center;font-size:17px;font-weight:650;color:#323f86}
.exam-level--timed{background:linear-gradient(120deg,#e7eeff,#fff);border-color:#034cff}
.exam-level strong{font-size:30px}
.exam-level--timed strong::before{content:'⏱ ';font-size:.8em}
.exam-actions{margin-top:22px}
.exam-allowance{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 16px;text-align:center;color:#323f86;font-size:17px}
.exam-allowance strong{font:800 46px 'Barlow Condensed',Inter,sans-serif;line-height:1;color:#034cff}
.exam-rules{max-width:560px;margin:0 auto;text-align:center;font-size:16px;line-height:1.5;color:#101052}
.exam-timer{position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:min(880px,calc(100% - 32px));margin:0 auto 10px;padding:8px 16px 10px;border:2px solid #034cff;border-radius:16px;background:#fff;box-shadow:0 6px 18px #203fd924;color:#101052}
.exam-timer-label{font-weight:800;color:#034cff}
.exam-timer-state{margin-left:auto;font-size:14px;color:#505b99}
.exam-timer-time{min-width:3.2ch;font:800 28px 'Barlow Condensed',Inter,sans-serif;line-height:1;font-variant-numeric:tabular-nums;text-align:right}
.exam-timer-track{flex-basis:100%;height:6px;border-radius:999px;background:#e7eeff;overflow:hidden}
.exam-timer-fill{display:block;height:100%;border-radius:999px;background:#034cff;transition:width .25s linear}
.exam-timer.is-paused{border-color:#cdccff}
.exam-timer.is-paused .exam-timer-fill{background:#9aa6dd}
.exam-timer.is-ending:not(.is-paused){border-color:#e08a00}
.exam-timer.is-ending:not(.is-paused) .exam-timer-time{color:#a85f00}
.exam-timer.is-ending:not(.is-paused) .exam-timer-fill{background:#f5a623}
.exam-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.exam-verdict{max-width:620px;margin:0 auto 22px;padding:16px 18px 18px;border:2px solid #cdccff;border-radius:18px;background:#f3f6ff;text-align:center}
.exam-verdict p{margin:0 0 12px;line-height:1.5;color:#101052}
.exam-verdict-title{font-size:20px;font-weight:800}
.exam-verdict.is-passed{border-color:#8fd3a8;background:#eefaf2}
.exam-verdict.is-revise{border-color:#e4bd73;background:#fff8e8}
@media(max-width:700px){
 .exam-timer{top:6px;padding:6px 12px 8px;border-radius:14px}
 .exam-timer-label{font-size:14px}
 .exam-timer-time{font-size:24px}
 .exam-allowance strong{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.exam-timer-fill{transition:none}}
