/* Keep each onboarding step and its navigation within the viewport. */
#app-container .onboarding-screen {
  height: 100dvh !important;
  min-height: 0 !important;
  flex: none;
  box-sizing: border-box;
  padding: 16px 20px max(16px, env(safe-area-inset-bottom)) !important;
  gap: 10px;
  justify-content: space-between;
}
.onboarding-screen > * { flex-shrink: 0; }
.onboarding-screen .floating-logo-wrap {
  min-height: 0;
  margin: 0 !important;
  flex: 0 1 24vh;
}
.onboarding-screen .floating-logo-wrap img {
  max-height: 22dvh;
  width: auto !important;
  max-width: 70%;
  object-fit: contain;
}
.onboarding-screen > div:last-child { margin: 0 !important; }
.onboarding-screen .stepper-dots { margin: 8px 0 14px; }
.onboarding-screen .onboarding-text-center { margin: 0; }
@media (max-height: 650px) {
  .onboarding-screen .floating-logo-wrap { flex-basis: 14vh; }
  .onboarding-screen .floating-logo-wrap img { max-height: 14dvh; }
  .onboarding-screen .vertical-stepper { margin: 0; }
  .onboarding-screen .stepper-item { padding: 6px 0; }
}