/* Keep shared header controls near the viewport edges, clear of safe areas. */
#navigation.navigation {
  padding-inline: max(24px, env(safe-area-inset-left, 0px)) max(24px, env(safe-area-inset-right, 0px));
}

/* Phone chrome: keep navigation reachable without crowding the content. */
@media (max-width: 760px) {
  html { scroll-padding-top: calc(64px + env(safe-area-inset-top, 0px)); }
  body:not(.mobile-docs-nav-open) #navigation.navigation {
    height: calc(56px + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    padding-inline: max(8px, env(safe-area-inset-left, 0px)) max(8px, env(safe-area-inset-right, 0px));
  }
  #navigation .nav-actions { gap: 6px; }
  #navigation .menu-toggle { width: 44px; min-width: 44px; height: 44px; }
  #navigation .nav-account { min-width: 44px; min-height: 44px; align-items: center; }
  #navigation .nav-demo { display: none; }
  #navigation .nav-links {
    top: calc(56px + env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 64px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  #navigation .nav-links .mobile-nav-waitlist { display: flex; }
  #navigation .nav-links .motion-toggle {
    position: static;
    width: 100%;
    min-height: 44px;
    margin: 4px 0 0;
    padding: 10px 12px;
    border: 0;
    border-top: 1px solid #ffffff20;
    border-radius: 6px;
    background: transparent;
    backdrop-filter: none;
    color: #babac6;
    font-size: 13px;
    text-align: left;
  }
  body:not(.mobile-docs-nav-open) :is(#page-docs, #page-community, #page-press).embedded-page.v9-page {
    height: 100dvh;
    min-height: 0;
    padding-top: var(--b2b-phone-header-bottom, calc(56px + env(safe-area-inset-top, 0px)));
  }
  body:not(.mobile-docs-nav-open) :is(#page-docs, #page-community, #page-press).embedded-page.v9-page iframe {
    top: var(--b2b-phone-header-bottom, calc(56px + env(safe-area-inset-top, 0px)));
    height: calc(100dvh - var(--b2b-phone-header-bottom, calc(56px + env(safe-area-inset-top, 0px))));
    min-height: 0;
  }
}