/* Shared application entry: the existing action stays in its own form step. */
@media (max-width:760px){
 .application-task .apply-introduction{display:contents}
 .application-task .apply-intro-copy{order:0}
 .application-task .apply-form-pane{order:1}
 .application-task .advisor-application-help{order:2}
 .application-task .apply-hero-media{order:3;width:100%}
 .application-task .apply-preparation,.application-task .apply-before-you-start{order:4}
 /* Bottom-sticky, not fixed: no duplicate button and no action outside its step.
    The opaque action surface is also the safe-area spacer. Consent and the
    shared navigation retain their higher stacking layers. */
 .application-task .form-step.is-active > .step-actions,
 .campaign-page #apply .form-step.is-active > .step-actions{
  position:sticky;bottom:0;z-index:5;align-self:stretch;
  background:var(--white,#fff);padding-top:12px;
  padding-bottom:max(12px,env(safe-area-inset-bottom));
  border-top:1px solid var(--line,#d8deea);
 }
 /* campaign-shared intentionally resets old fixed actions with !important;
    override only positioning here, scoped to the active mobile step. */
 .campaign-page #apply .form-step.is-active > .step-actions{position:sticky!important;bottom:0!important}
 .application-task .form-step :is(input,select,textarea),
 .campaign-page #apply .form-step :is(input,select,textarea){scroll-margin-block:100px}
}
/* Keep the three native choices readable on the narrowest supported phones. */
@media (max-width:360px){
 .application-task .program-choice{grid-template-columns:18px 36px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:8px;margin-bottom:8px;min-height:0}
 .application-task .program-choice:has(input:checked){padding:7px}
 .application-task .program-choice-usp{line-height:1.35}
}