/* «Квиз недели» (js/screens/quiz.js): текст недели, квадратики ответов, таймер вопроса, варианты с отметками */
.quiz-lead { font-size: 16px; line-height: 1.45; margin: 0 4px 20px; }
.quiz-note { color: var(--hint); font-size: 13px; margin: -8px 16px 20px; }
.quiz-squares { display: flex; gap: 6px; margin: 10px 0 8px; }
.quiz-squares i { width: 22px; height: 22px; border-radius: 6px; background: color-mix(in srgb, var(--hint) 30%, transparent); }
.quiz-squares i.c { background: var(--good); }
.quiz-squares i.w { background: var(--danger); }
.quiz-timer { height: 6px; border-radius: 3px; background: color-mix(in srgb, var(--hint) 22%, transparent); overflow: hidden; margin: 0 4px 20px; }
.quiz-timer > span { display: block; height: 100%; border-radius: 3px; background: var(--accent); }
.quiz-question { font-size: 20px; font-weight: 600; line-height: 1.3; margin: 0 4px 20px; }
.quiz-wrap .row-title, .quiz-wrap .row-subtitle { white-space: normal; overflow: visible; }
.quiz-wrap .row-subtitle { display: block; line-height: 1.35; padding-bottom: 2px; }
.quiz-option { color: var(--text); }
.quiz-option:disabled { color: var(--text); opacity: 1; }
.quiz-option.quiz-picked { background: color-mix(in srgb, var(--hint) 12%, transparent); }
.quiz-option.quiz-right .row-title, .quiz-option.quiz-right .quiz-mark { color: var(--good); }
.quiz-option.quiz-right .row-title { font-weight: 600; }
.quiz-option.quiz-wrong .row-title, .quiz-option.quiz-wrong .quiz-mark { color: var(--danger); }
.quiz-mark { width: 20px; height: 20px; flex: none; }
.quiz-verdict { font-size: 22px; font-weight: 700; margin: 0 4px 6px; }
.quiz-explain { color: var(--hint); font-size: 15px; line-height: 1.4; margin: 0 4px 10px; white-space: pre-line; }
.quiz-rules .row { align-items: flex-start; }
.quiz-rules .avatar { margin-top: 10px; }
.quiz-progress { margin-top: 12px; }