/* Quiz styling for mdbook */

.quiz-container {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  background-color: #fafafa;
}

.quiz-question {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
}

.quiz-subquestion {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px;
  margin: 15px 0 15px 0;
  font-size: 0.9em;
  line-height: 1.4;
  overflow-x: auto;
}

.quiz-subquestion pre {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

.quiz-subquestion code {
  font-family: 'Courier New', monospace;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.quiz-options {
  margin: 15px 0;
}

.quiz-option {
  display: flex;
  align-items: center;
  margin: 10px 0;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.quiz-option:hover {
  background-color: #f0f0f0;
}

.quiz-option input[type="radio"] {
  margin-right: 12px;
  cursor: pointer;
  accent-color: #007cba;
}

.quiz-option label {
  cursor: pointer;
  flex: 1;
  margin: 0;
}

.quiz-check-btn {
  background-color: #007cba;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
  margin-top: 15px;
  transition: background-color 0.2s;
}

.quiz-check-btn:hover {
  background-color: #005a87;
}

.quiz-check-btn:active {
  transform: scale(0.98);
}

.quiz-feedback {
  display: none;
  margin-top: 15px;
  padding: 12px;
  border-radius: 4px;
  border-left: 4px solid #ddd;
}

.quiz-correct {
  color: #2d7a3a;
  font-weight: 600;
}

.quiz-feedback.correct {
  background-color: #e8f5e9;
  border-left-color: #4caf50;
}

.quiz-incorrect {
  color: #c62828;
  font-weight: 600;
}

.quiz-feedback.incorrect {
  background-color: #ffebee;
  border-left-color: #f44336;
}

.quiz-warning {
  color: #f57f17;
  font-weight: 600;
  margin: 0;
}

.quiz-explanation {
  margin: 8px 0 0 0;
  color: #555;
  font-size: 0.95em;
  line-height: 1.5;
}