.mobile-field-copy{min-width:0}
.mobile-question-follow{display:none}

@media(max-width:720px){
  .builder-body{
    --builder-sticky-top:max(8px,env(safe-area-inset-top,0px));
    --builder-sticky-bottom:max(8px,env(safe-area-inset-bottom,0px));
  }
  .mobile-field-copy{display:grid;align-content:center;gap:6px;min-width:0}
  .mobile-question-follow{display:block;min-width:0}
  .mobile-question-follow span{display:block;color:var(--accent);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
  .mobile-question-follow b{display:block;margin-top:2px;font-family:var(--serif);font-size:.82rem;font-weight:600;line-height:1.24;color:var(--fg)}
  .mobile-field-copy .mobile-sentence{margin-top:0;padding-top:5px;border-top:1px solid var(--line);font-size:.61rem;line-height:1.38;max-height:2.8em;overflow:hidden;color:var(--muted)}

  /* Clip inline overflow without creating a scroll container. Both the live
     field and navigation dock must stay sticky to the page viewport. */
  .choice-panel{max-width:100%;overflow-x:clip;overflow-y:visible}
  .mobile-field-card{top:var(--builder-sticky-top)}
  .choice-panel:not(.is-complete) .step-actions{
    inline-size:100%;
    max-inline-size:100%;
    min-inline-size:0;
    margin-inline:0;
    padding:12px;
    overflow:hidden;
    bottom:var(--builder-sticky-bottom);
  }
  .choice-panel:not(.is-complete) .step-actions .button{
    flex:1 1 0;
    min-width:0;
    max-width:100%;
  }
}