.header, body > header {
  position: sticky;
  inset-block-start: 0;
  z-index: 8;
  background: #fff;
}
header nav .active { background: #eaf0f8; color: #14223b; }
.phoenix-section { min-height: 45vh; }
@media (max-width: 980px) {
  .header-inner { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding-block: 6px; min-height: auto; }
  .header-inner > nav { grid-column: 1/-1; grid-row: 2; }
  .header-inner > .language { grid-column: 2; grid-row: 1; }
  header nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    padding-block: 2px 6px;
  }
  header nav > a { flex: 0 0 auto; white-space: nowrap; min-height: 40px; align-content: center; }
}