.paragraph--survey {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.paragraph--survey + .paragraph--survey {
  margin-top: 0;
}

.paragraph--type--survey,
.block-quiz-survey {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0.9375rem;
  padding: 1.875rem;
  margin: auto auto;
  max-width: 870px;
}

[id^="ajax-embedded-quiz-form"] > .form-wrapper {
  margin-top: 0;
}

.quiz-survey-title,
.quiz-survey-block-title {
  color: #1c4220;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.quiz-question-body {
  color: #1c4220;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  width: 100%;
}

.quiz-question-body strong {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.quiz-question-body p:last-of-type {
  margin: 0;
}

.quiz-truefalse-options {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.quiz-truefalse-options > .form-radios {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  margin-bottom: 1.25rem;
}

.quiz-truefalse-options .form-type-radio {
  background: #fafafa;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  flex: 1;
  margin: 0 !important;
  padding: 0.9375rem;
  cursor: pointer;
  width: calc(50% - 0.9375rem);
}

@media (min-width: 768px) {
  .quiz-truefalse-options .form-type-radio {
    flex: 0;
    min-width: 16rem;
  }
}

@media (min-width: 1024px) {
  .quiz-truefalse-options .form-type-radio {
    width: auto;
  }
}

.quiz-truefalse-options .form-type-radio:focus,
.quiz-truefalse-options .form-type-radio:hover,
.quiz-truefalse-options .form-type-radio.selected {
  border-color: #046238;
}

.quiz-truefalse-options .form-type-radio label.option {
  font-size: 1.125rem;
  line-height: 1.5;
  padding: 0 !important;
}