.waitlist-quiz__questions {
  list-style: none;
  counter-reset: question;
  margin: 0;
  padding: 24px 20px;
  border: 1px solid #111;
}
.waitlist-quiz__question {
  counter-increment: question;
  margin-bottom: 36px;
}
.waitlist-quiz__question:last-child {
  margin-bottom: 0;
}
.waitlist-quiz__question .question-text {
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}
.waitlist-quiz__question .question-text::before {
  content: counter(question) ". ";
}

.waitlist-quiz .choices {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.waitlist-quiz .choice-item {
  display: block;
  position: relative;
  border: 1px solid #111;
  border-radius: 999px;
  padding: 14px 20px;
  text-align: center;
  cursor: pointer;
}
.waitlist-quiz .choice-item input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.waitlist-quiz .choice-item:has(input:checked) {
  background: #eceae6;
}

@media (min-width: 768px) {
  /* The mockup leaves 68px between the last line of the intro and the top of the first
     question, where the shared 28 left 30. The rejection screen keeps the shared figure
     because its own mockup leaves 39 to the button below it. */
  .waitlist .waitlist__intro { margin-block-end: 64px; }
}