/* Викторина /quotes/ (03.10.2026): свой файл, общий style.css не трогаем. Цвета — токены style.css. */
.quiz-page { padding-top: 32px; padding-bottom: 56px; max-width: 820px; }
.quiz-page h1 { margin-bottom: 12px; }
.quiz-box { background: var(--bg-1); border: 1px solid var(--line); border-radius: 14px; padding: 24px;
  margin: 24px 0; }
.quiz-step { color: var(--paper-dim); font-size: 15px; margin: 0 0 12px; }
.quiz-quote { font-size: clamp(22px, 4.2vw, 30px); line-height: 1.3; margin: 0 0 20px; color: var(--paper);
  font-weight: 600; border-left: 3px solid var(--accent); padding-left: 16px; }
.quiz-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; }
.quiz-buttons .btn { flex: 1 1 180px; }
.quiz-buttons .btn:disabled { opacity: .55; cursor: default; }
.quiz-right, .quiz-wrong { font-weight: 600; font-size: 20px; margin: 18px 0 6px; }
.quiz-right { color: #8FCB8A; }
.quiz-wrong { color: #E08A7A; }
.quiz-verdict { color: var(--paper); }
.quiz-comment { color: var(--paper-dim); }
.quiz-box > .btn-primary { margin-top: 10px; }
.quiz-score { font-family: Oswald, sans-serif; font-size: 56px; color: var(--accent); margin: 0; }
.quiz-better { color: var(--paper-dim); margin-top: 0; }
.quiz-noscript { color: var(--paper-dim); }
.quiz-razbor { margin: 24px 0; }
.quiz-razbor > summary { cursor: pointer; color: var(--accent); font-weight: 500; padding: 8px 0; }
.quiz-card { border-top: 1px solid var(--line); padding: 18px 0; }
.quiz-card .quiz-quote { font-size: 22px; margin-bottom: 10px; }
.quiz-label { display: inline-block; font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); }
.quiz-label-genuine { color: #8FCB8A; border-color: rgba(143, 203, 138, .4); }
.quiz-label-not_his { color: #E08A7A; border-color: rgba(224, 138, 122, .4); }
.quiz-share-card { color: var(--paper-dim); font-size: 14px; }
.quiz-method { color: var(--paper-dim); font-size: 15px; border-top: 1px solid var(--line); padding-top: 16px; }
.quiz-result-page { padding-top: 48px; padding-bottom: 64px; text-align: center; max-width: 720px; }
.quiz-result-page .cta-row { justify-content: center; }
.quiz-score-big { font-family: Oswald, sans-serif; font-size: clamp(64px, 14vw, 120px); color: var(--accent);
  margin: 0; line-height: 1; }
@media (max-width: 520px) { .quiz-box { padding: 18px 16px; } }
.quiz-source a { color: var(--accent); text-underline-offset: 3px; overflow-wrap: anywhere; }