.dhn-task-modal form{max-height:calc(100dvh - 40px)}
.dhn-onboarding{overflow-y:auto}
.dhn-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}
@media(max-width:600px){
  header{height:60px}
  nav{top:60px;max-height:calc(100dvh - 60px);overflow-y:auto}
  .hero{min-height:auto;margin:8px;padding:44px 20px 48px;border-radius:18px}
  .hero>h1{font-size:clamp(38px,12vw,48px);line-height:1.02}
  .hero>p,.lead{font-size:17px}
  .hero-art{display:none}
  .actions{width:100%}
  .actions button,.actions a{width:100%;min-height:48px}
  .dhn-onboarding{display:block;padding:0;background:#fff}
  .dhn-onboarding[hidden]{display:none}
  .dhn-dialog{width:100%;min-height:100dvh;max-height:none;padding:20px 18px;border-radius:0;box-shadow:none}
  .dhn-progress{margin:24px 0 20px}
  .dhn-step h2{font-size:clamp(29px,9vw,38px);margin:12px 0 20px}
  .dhn-choice{min-height:54px;padding:14px 16px}
  .feedback-pill{right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-width:48px;min-height:48px;justify-content:center}
  .dhn-task-modal{padding:0;align-items:end}
  .dhn-task-modal form{max-height:100dvh;border-radius:20px 20px 0 0;padding-bottom:max(22px,env(safe-area-inset-bottom))}
}