.api-menu-toggle { display: none; }

@media (max-width: 700px) {
  .api-header { position: relative; }
  .api-menu-toggle { position: relative; z-index: 21; display: grid; place-items: center; gap: 4px; margin-left: auto; padding: .55rem; border: 1px solid #c9d8ed; border-radius: 5px; background: white; cursor: pointer; }
  .api-menu-toggle i { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--api-navy); }
  .api-header nav.api-nav-open { position: absolute; top: 76px; left: 0; right: 0; z-index: 20; display: flex; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: .45rem; border: 1px solid #c9d8ed; border-radius: 6px; background: rgba(255,255,255,.98); box-shadow: 0 18px 30px rgba(7,31,85,.14); }
  .api-header nav.api-nav-open a { padding: .85rem .7rem; border-bottom: 1px solid #e6edf6; }
  .api-header nav.api-nav-open a:last-child { border-bottom: 0; }
}