/* Keep the last page content and footer clear of the fixed mobile navigation. */
@media (max-width: 850px) {
  body {
    padding-bottom: calc(102px + env(safe-area-inset-bottom)) !important;
  }

  main.shell {
    margin-bottom: 18px;
  }

  .site-footer {
    margin-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 850px) and (display-mode: standalone) {
  body {
    padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
  }
}

html[data-app-runtime="native"] body {
  padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
}

html[data-app-runtime="native"] .site-footer {
  margin-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
}

.mobile-footer-only { display:none; }
@media (max-width:850px) { .mobile-footer-only { display:block; } }