/* Header belongs to the document flow; only the mobile primary navigation is fixed. */
.topbar {
  position: relative;
  top: auto;
}

@media (max-width: 640px) {
  body {
    padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px));
  }

  .bottom-nav {
    position: fixed;
    bottom: 0;
    isolation: isolate;
    transform: translateZ(0);
  }

  .form-actions {
    position: static;
    bottom: auto;
    z-index: auto;
  }
}