/*
 * Header stays dark with white text at every scroll position.
 * (The original design faded the bar to white and the text to navy while scrolling,
 * which left dark text on a dark bar part-way through.)
 */
.nx-bar {
  background: rgb(8 27 51 / calc(0.88 * var(--nx-t)));
  border-color: rgb(255 255 255 / calc(0.12 * var(--nx-t)));
  box-shadow: 0 8px 24px -8px rgb(8 27 51 / calc(0.45 * var(--nx-t)));
}

.nx-fg {
  color: #fff;
}

.nx-fg-sub {
  color: rgb(255 255 255 / 0.55);
}

.nx-item {
  color: rgb(255 255 255 / 0.78);
}

.nx-item:hover,
.nx-item:focus-visible,
.nx-trg:hover .nx-item,
.nx-item-active {
  color: #fff;
}

.nx-pill {
  background: rgb(255 255 255 / 0.12);
}

.nx-portal {
  color: #fff;
  border-color: rgb(255 255 255 / 0.16);
  background: rgb(255 255 255 / 0.06);
}

.nx-portal:hover {
  color: #fff;
  border-color: rgb(255 255 255 / 0.4);
}

.nx-menubtn {
  color: #fff;
  background: rgb(255 255 255 / 0.12);
}