/* Keep the immediate entry aligned with the shared questionnaire layout. */
.has-quiz #progress-label { grid-column: 2; grid-row: 1; white-space: nowrap; }
.has-quiz #quiz-back { grid-column: 1; grid-row: 1; }
.has-quiz #quiz-close { grid-column: 3; grid-row: 1; }
.has-health-consent #quiz-next { justify-content: center; gap: 10px; text-align: center; }
.has-health-consent #quiz-next > span { margin-left: 0; flex-shrink: 0; }

/* Match the following numeric steps' heading anchor. Their centered content
   is a 1.75rem heading + 8px gap + 1.5rem hint + 20px gap + five 3.125rem
   wheel rows (20.625rem total).
   Consent and wrapping choices must not push this first heading upwards. */
.has-health-consent #quiz-form:has(.goal-question) { justify-content: flex-start; }
.goal-question { padding-top: max(0px, calc((100svh - 6rem - var(--fixed-action-height, 5rem) - 48px - 20.625rem) / 2)); }

/* The same professional identity shown on the former welcome screen. */
.sample-app > .result-expert { margin: 0; padding: 24px 24px 0; }
.sample-app > .result-expert p { margin: 0; }
#immediate-withdraw { display: none; }
.has-result .site-footer nav #immediate-withdraw { display: inline-flex; align-items: center; font: inherit; color: inherit; padding: 0; margin: 0; }
@media (max-width: 44rem) {
  .sample-app > .result-expert { padding-inline: 20px; }
}