/* Quiz component */
.quiz-block { margin-bottom: 8px; }
.quiz-question {
  margin-bottom: 16px; padding: 14px 16px; border: 1px solid var(--border);
  border-radius: 10px; background: var(--card);
}
.quiz-question p.qtext { font-weight: 600; margin: 0 0 10px; font-size: 15px; }
.quiz-options { display: flex; flex-direction: column; gap: 6px; }
.quiz-option {
  display: block; font-size: 14px; padding: 9px 12px; border: 1px solid var(--border);
  border-radius: 8px; cursor: pointer; transition: background .15s ease, border-color .15s ease;
}
.quiz-option:hover { background: #f6f8fe; }
.quiz-option input { margin-right: 8px; }
.quiz-question.correct .quiz-option.selected { border-color: #10B981; background: rgba(16,185,129,.08); }
.quiz-question.incorrect .quiz-option.selected { border-color: #EF4444; background: rgba(239,68,68,.08); }
.quiz-question.incorrect .quiz-option.correct-answer { border-color: #10B981; background: rgba(16,185,129,.08); }
.quiz-explain {
  display: none; margin-top: 10px; font-size: 13.5px; color: var(--muted);
  padding-top: 10px; border-top: 1px dashed var(--border); line-height: 1.5;
}
.quiz-question.checked .quiz-explain { display: block; }
.quiz-actions { display: flex; align-items: center; gap: 16px; margin: 18px 0 32px; }
button.quiz-check-btn {
  background: #4a7bd0; color: #fff; border: none; border-radius: 8px;
  padding: 10px 18px; font-size: 14px; font-weight: 600; cursor: pointer;
}
button.quiz-check-btn:hover { opacity: .9; }
.quiz-reset-link {
  font-size: 13px; color: var(--muted); text-decoration: underline;
  cursor: pointer; background: none; border: none; padding: 0;
}
.quiz-score { font-size: 14px; font-weight: 600; }

/* Check Your Work reveal */
.reveal-wrap { margin-top: 8px; }
.reveal-btn {
  background: #10B981; color: #fff; border: none; border-radius: 8px;
  padding: 10px 18px; font-size: 14px; font-weight: 600; cursor: pointer;
}
.reveal-btn:hover { opacity: .9; }
.reveal-box {
  display: none; margin-top: 16px; padding: 18px 20px; border: 1px solid var(--border);
  border-radius: 12px; background: #f9fafc;
}
.reveal-box.shown { display: block; }