/* The phone bar stays at the browser's bottom edge without a scrolling layer. */
@media (max-width:760px) {
  body {
    padding-bottom:calc(var(--mobile-nav-height,66px) + env(safe-area-inset-bottom));
  }
  .mobile-nav-viewport,
  .mobile-nav-viewport[data-document-viewport] {
    position:fixed!important;
    inset:auto 0 0!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    display:block;
  }
  .bottom-nav {
    width:100%;
    height:calc(var(--mobile-nav-height,66px) + env(safe-area-inset-bottom));
    padding:0 5px env(safe-area-inset-bottom);
    align-items:center;
    border:0;
    border-top:1px solid #e1e8ec;
    border-radius:0;
    box-shadow:0 -4px 18px rgba(18,49,79,.08);
    background:#fff;
  }
  .mobile-nav-viewport[data-keyboard-open="true"] {
    display:none;
  }
}