/* Keep navigation centered independently of unequal logo and account widths. */
.site-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 24px;
}
.site-header > .brand { grid-column: 1; grid-row: 1; justify-self: start; }
.site-header .site-tabs {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  width: max-content;
  max-width: 100%;
}
.site-header .site-tabs > .account-link { font: inherit; color: inherit; }
.site-header .site-tabs > .account-link[aria-current="page"] { color: var(--orange); }
.header-actions {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  min-width: 0;
}
.header-actions .account-navigation { margin-left: 0; }
.header-actions .account-user { max-width: 100%; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 1100px) {
  .site-header { grid-template-columns: minmax(0, 1fr) auto; row-gap: 12px; }
  .header-actions { grid-column: 2; }
  .site-header .site-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    width: 100%;
    flex-wrap: wrap;
    align-self: auto;
    overflow: visible;
    padding-bottom: 0;
    column-gap: 24px;
    row-gap: 0;
  }
  .site-header .site-tabs > a[aria-current="page"]::after { bottom: 0; height: 2px; }
}
@media (max-width: 700px) {
  .site-header { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; }
  .header-actions { flex-wrap: wrap; column-gap: 10px; row-gap: 8px; }
  .header-actions .language-picker select { max-width: 110px; }
  .site-header .site-tabs { column-gap: 20px; justify-content: center; }
  .site-header .site-tabs > a { min-height: 44px; }
}