/* Test pages: reuse lesson.css tokens and .quiz/.quiz-options markup —
   this file only adds the bits a 50-question test page needs on top. */

.test-body {
  max-width: 720px; margin: 0 auto;
  padding: calc(var(--nav-h) + var(--space-4)) var(--space-3) 80px;
}
.test-intro { margin: 0 0 var(--space-4); }
.test-intro p { font-family: var(--serif-body); font-size: 15px; color: var(--ink-soft); line-height: 1.6; }

.test-score {
  font-family: var(--mono); font-size: 12.5px; color: var(--ink-soft); white-space: nowrap;
}
.test-score b { color: var(--gold); font-size: 14px; }

.test-question { margin: 0 0 var(--space-3); }
.test-question h3 {
  font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ink-faint); margin: 0 0 8px; font-weight: 700;
}

.quiz-options button:disabled { cursor: default; }
.quiz-options button.correct-answer {
  border-color: var(--good); background: var(--good); color: var(--paper); font-weight: 600;
}
.quiz-options button.wrong-answer {
  border-color: var(--danger); background: var(--danger); color: var(--paper); font-weight: 600;
}

.test-footer {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
  margin-top: var(--space-5); padding-top: var(--space-3);
  border-top: 1px solid var(--rule-soft);
  font-family: var(--mono); font-size: 12.5px;
}
.test-footer a { color: var(--teal); text-decoration: none; }
.test-footer a:hover { text-decoration: underline; }