/* Shared navigation layout for commercial, article and reference pages. */
.header-inner {
  grid-template-columns: 158px minmax(0, 1fr) auto;
  column-gap: 24px;
}

.main-nav {
  flex-wrap: wrap;
  column-gap: 22px;
  row-gap: 0;
}

.article-nav-links,
.reference-header-nav {
  flex-wrap: wrap;
}

@media (max-width: 1120px) {
  .reference-header {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .reference-header-nav {
    grid-column: 1 / -1;
    justify-self: start;
    gap: 18px;
  }
}

@media (max-width: 980px) {
  .header-inner { grid-template-columns: 1fr auto; }
}

@media (max-width: 760px) {
  .reference-header { grid-template-columns: 1fr; }
  .reference-header-nav { gap: 14px; }
}

@media (max-width: 640px) {
  .article-nav-inner {
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .article-nav-links {
    width: 100%;
    gap: 14px;
  }

  .article-nav-links a:not(.article-nav-cta) { display: inline-flex; }
}