/* Mobile fixed-navigation clearance. The document, not only the footer, must
   reserve the iOS-style tab bar so task buttons and focused targets can never
   land underneath it. */
@media (max-width: 719px) {
  html {
    scroll-padding-bottom: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 24px);
  }

  .view {
    padding-bottom: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 28px);
    scroll-margin-bottom: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 24px);
  }

  .view :is(button, a, input, select, textarea, [tabindex]):focus {
    scroll-margin-bottom: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 24px);
  }

  .setup-task {
    scroll-margin-bottom: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 24px);
  }
}