.quiz-form-layout-active {
  display: block !important;
}

.quiz-form-layout-active > .quiz-form-copy-hidden {
  display: none !important;
}

.quiz-form-panel-wrap-active {
  position: static !important;
  top: auto !important;
  width: min(50rem, 100%);
  margin-inline: auto;
}

#quiz.quiz-form-panel-active {
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

#quiz.quiz-form-panel-active > :not(#quizSteps) {
  display: none !important;
}

#quiz.quiz-form-panel-active #quizSteps,
#quiz.quiz-form-panel-active .quiz-step[data-step="result"] {
  width: 100%;
}

#quiz.quiz-form-panel-active .form-shell {
  width: 100%;
  margin-inline: auto;
}

.quiz-form-intro {
  margin: 0 auto clamp(2rem, 5vw, 3.25rem);
  text-align: center;
}

.quiz-form-intro h2 {
  margin: .75rem auto .8rem;
  max-width: 14ch;
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.045em;
}

.quiz-form-intro p {
  color: var(--color-paper-dim);
  font-size: clamp(1rem, 2vw, 1.15rem);
}

@media (max-width: 640px) {
  #quiz.quiz-form-panel-active .form-shell {
    padding: 1.15rem;
  }
}