/* Mobile actions follow their fields: no sticky overlay above the keyboard. */
@media (max-width: 1023px) {
  #app > :is([data-screen="question"], [data-screen="lead"]) .dock-spacer {
    display: none;
  }
  #app > :is([data-screen="question"], [data-screen="lead"]) .dock {
    position: static;
    inset: auto;
    margin-top: 24px;
    padding-top: 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    background: transparent;
  }
  #app > :is([data-screen="question"], [data-screen="lead"]) main {
    padding-bottom: 0;
  }
  #app > [data-screen="question"] main:has(#qDock[hidden]) {
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
  }
  #app input, #app textarea {
    scroll-margin-block: 20px;
  }
  /* Enough scroll room to raise the last field above the iOS visual viewport. */
  body.form-keyboard-open #app > [data-screen].is-active main {
    padding-bottom: var(--form-keyboard-inset, 0px);
  }
}