/* SVASTI QUIZ CONTENT TEMPLATE
   The outer cinematic quiz shell is styled by Classroom Core.
   These rules style only the question and answer content inside that shell. */
.svasti-quiz-content {
  color: #f7f2ff;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.45;
}
.svasti-quiz-content .quiz-question { display: none; }
.svasti-quiz-content .quiz-question.is-active { display: block; }
.svasti-quiz-content .question-text {
  margin: 0 0 1.4rem;
  color: #fff;
  font-size: clamp(1.15rem, 2.2vw, 1.65rem);
  font-weight: 600;
}
.svasti-quiz-content .answer-options {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.svasti-quiz-content .answer-option {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 3.6rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(202, 151, 255, .72);
  border-radius: 1rem;
  background: linear-gradient(110deg, rgba(79, 57, 112, .68), rgba(30, 35, 72, .8));
  color: #fff;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.svasti-quiz-content .answer-option:hover {
  border-color: #ffc83d;
  box-shadow: 0 0 12px rgba(255, 190, 40, .28);
}
.svasti-quiz-content .answer-option:has(input:checked) {
  border-color: #ffc83d;
  background: linear-gradient(110deg, rgba(112, 75, 22, .75), rgba(58, 43, 83, .9));
  box-shadow: 0 0 14px rgba(255, 190, 40, .35);
}
.svasti-quiz-content .answer-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.svasti-quiz-content .option-key {
  display: grid;
  flex: 0 0 2.35rem;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border: 2px solid #c58be9;
  border-radius: 50%;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}
.svasti-quiz-content .answer-option:has(input:checked) .option-key {
  border-color: #ffd34d;
  color: #ffd34d;
}
.svasti-quiz-content .option-text { font-size: clamp(1rem, 1.8vw, 1.25rem); }
.svasti-quiz-content .question-image { margin: 0 0 1rem; }
.svasti-quiz-content .question-image img {
  display: block;
  max-width: 100%;
  max-height: 20rem;
  margin: auto;
  object-fit: contain;
  border-radius: .75rem;
}
.svasti-quiz-content .visually-hidden {
  position: absolute;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}