/* Teste lunare (pages/quiz): the banner on every page, the running test, scores and the question bank. */
.quiz-banner {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .8rem; padding: .6rem 1rem;
    background: linear-gradient(135deg, #1d4ed8, #4f46e5); color: #fff; text-decoration: none; font-size: 1rem;
}
.quiz-banner:hover { filter: brightness(1.08); }
.quiz-banner-go { margin-left: auto; font-weight: 700; }
.quiz-rules ul { margin: 0; padding-left: 1.2rem; line-height: 1.7; font-size: 1.05rem; }
button.big { font-size: 1.2rem; padding: .9rem 1.6rem; align-self: flex-start; }
.quiz-run { max-width: 46rem; }
.quiz-count { margin: 0; font-weight: 600; }
.quiz-time { height: .7rem; border-radius: 99px; background: var(--line); overflow: hidden; margin: .6rem 0 .2rem; }
.quiz-time span { display: block; height: 100%; background: #16a34a; transition: width .1s linear; }
.quiz-time.low span { background: #dc2626; }
.quiz-seconds { margin: 0 0 .6rem; font-family: var(--font-mono); text-align: right; }
.quiz-question { font-size: 1.35rem; line-height: 1.4; }
.quiz-options { display: grid; gap: .7rem; }
.quiz-option {
    display: flex; gap: .9rem; align-items: center; text-align: left; padding: 1rem 1.1rem; font-size: 1.1rem;
    min-height: 3.6rem; border-radius: 12px; justify-content: flex-start;
}
.quiz-option b { font-size: 1.3rem; min-width: 1.6rem; }
.quiz-option:disabled { opacity: .55; cursor: default; }
.quiz-option.picked { opacity: 1; outline: 3px solid #4f46e5; }
.quiz-score { font-size: 2rem; font-weight: 700; margin: .4rem 0; }
.quiz-table tr.picked td { background: rgba(79, 70, 229, .08); }
.quiz-answers { display: flex; flex-direction: column; gap: .9rem; padding-left: 1.4rem; }
.quiz-answers > li.wrong strong { color: inherit; }
.quiz-choices { list-style: none; padding: 0; margin: .3rem 0; display: flex; flex-direction: column; gap: .2rem; }
.quiz-choices li { padding: .15rem .4rem; border-radius: 6px; }
.quiz-choices li.correct { background: rgba(22, 163, 74, .18); }
.quiz-choices li.chosen:not(.correct) { background: rgba(220, 38, 38, .18); }
.quiz-bank { display: flex; flex-direction: column; gap: 1rem; padding-left: 1.4rem; }
.quiz-bank > li.inactive { opacity: .55; }
.quiz-editor-option input[type=text] { flex: 1; }
@media print { .quiz-banner { display: none; } }