#article-quiz {
  margin: 30px 0 !important;
  max-width: 650px !important;
  width: 100% !important;
  display: block !important;
}

#article-quiz .quiz {
  border: 1px solid #FFD283 !important;
  background: #fefef5 !important;
  border-radius: 6px !important;
  padding: 15px !important;
  font-family: Verdana, Helvetica, serif !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #000 !important;
  text-align: left !important;
}

#article-quiz .quiz-title {
  font-family: "Trebuchet MS", Verdana, Helvetica, serif !important;
  font-size: 15px !important;
  color: #0C446B !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
}

/* Карточка вопроса */
#article-quiz .quiz-question {
  border: 1px solid #FFD283 !important;
  background: #FFEECF !important;
  border-radius: 4px !important;
  padding: 12px 15px !important;
  margin: 0 0 15px 0 !important; /* Отступ между вопросами */
  display: none;
}
#article-quiz .quiz-question.is-open,
#article-quiz .quiz-question[data-locked="1"] { 
  display: block !important; 
}

/* Текст вопроса */
#article-quiz .quiz-q-text {
  display: block !important;
  font-weight: bold !important;
  color: #0C446B !important;
  padding: 0 0 10px 0 !important; /* ОТСТУП МЕЖДУ ВОПРОСОМ И ОТВЕТАМИ */
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  border: none !important;
}

/* Контейнер вариантов */
#article-quiz .quiz-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Сам вариант ответа */
#article-quiz .quiz-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 5px 10px !important;
  border: 1px solid #FFD283 !important;
  background: #fff !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 100%;
}

#article-quiz .quiz-option:hover { 
  background: #FFF7E3 !important; 
}

#article-quiz .quiz-option input { 
  margin: 0 !important; 
  padding: 0 !important;
  flex: 0 0 auto !important;
}

#article-quiz .quiz-option span { 
  flex: 0 1 auto !important; 
  text-align: left !important; 
  line-height: 1.3 !important;
}

#article-quiz .quiz-option.is-correct {
  border-color: #2e7d32 !important;
  background: #e8f5e9 !important;
}
#article-quiz .quiz-option.is-wrong {
  border-color: #c62828 !important;
  background: #ffebee !important;
}

#article-quiz .quiz-result {
  margin-top: 15px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  background: #FFF7E3 !important;
  border: 1px solid #FFD283 !important;
  font-weight: bold !important;
  color: #0C446B !important;
  display: none;
  line-height: 1.4 !important;
}
#article-quiz .quiz-result.is-visible { 
  display: block !important; 
}

#article-quiz .quiz-restart {
  display: none;
  margin-top: 10px !important;
  font-family: Verdana, Helvetica, serif !important;
  font-size: 11px !important;
  padding: 5px 12px !important;
  background: #FFD283 !important;
  border: 1px solid #FFB534 !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  color: #000 !important;
  line-height: 1.2 !important;
}
#article-quiz .quiz-restart:hover { 
  background: #FFB534 !important; 
}