/* Homepage header only. ID scoping wins over the late-loaded legal button styles. */
#solmgx-entry-portal > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 24px;
}

#solmgx-entry-portal > header > a:first-child {
  justify-self: start;
  white-space: nowrap;
}

#solmgx-entry-portal > header > .entry-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 2.5vw, 42px);
  min-width: 0;
}

#solmgx-entry-portal > header > .entry-nav > :is(a, button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #c2c6cb;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: none;
}

#solmgx-entry-portal > header > .entry-nav > :is(a, button):hover {
  color: #fff;
}

#solmgx-entry-portal > header > a:last-child {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  gap: 12px;
  padding: 0 18px;
  font-size: .8125rem;
  line-height: 1.25;
  white-space: nowrap;
}

@media (min-width: 761px) and (max-width: 950px) {
  #solmgx-entry-portal > header { column-gap: 16px; }
  #solmgx-entry-portal > header > .entry-nav > :is(a, button) { font-size: .8125rem; }
  #solmgx-entry-portal > header > a:last-child { gap: 8px; padding: 0 14px; font-size: .75rem; }
}

@media (max-width: 760px) {
  #solmgx-entry-portal > header { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  #solmgx-entry-portal > header > .entry-nav { display: none; }
  #solmgx-entry-portal > header > a:last-child { min-height: 36px; gap: 8px; padding: 0 12px; font-size: .6875rem; }
}