/* ============================================================
   Header consistency
   Loaded by every public page, after the page's main bundle.
   One header width, one set of nav gaps, regardless of whether the
   page uses bundle-1, bundle-2, bundle-5 or the map styles.
   ============================================================ */

@media (min-width: 900px) {
  .nav__bar {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    column-gap: 1.5rem;
    width: min(1200px, calc(100% - 64px));
  }

  .nav__bar > .logo { justify-self: start; }

  .nav__bar > .nav__links {
    justify-self: start;
    justify-content: flex-start;
    flex: none;
    max-width: none;
    margin-inline: 0;
    gap: 1.75rem;
  }

  .nav__bar > .nav__right { justify-self: end; }
}