.primary-nav {
  min-width: 0;
}

.primary-nav__close {
  display: none;
}

.primary-nav__links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-nav__link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem 0.95rem;
  border: 1px solid #b8cad7;
  border-radius: 7px;
  background: linear-gradient(180deg, #fff, #eaf3f8);
  box-shadow: var(--shadow-button), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: var(--color-text);
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.primary-nav__link:visited {
  color: var(--color-text);
}

.primary-nav__link:hover {
  border-color: #7caeca;
  background: linear-gradient(180deg, #fefefe, #ddecf6);
  color: var(--color-blue-deep);
}

.primary-nav__link[aria-current="page"] {
  border-color: var(--color-blue-deep);
  background: linear-gradient(180deg, var(--color-blue), #246b99);
  color: #fff;
  box-shadow: 0 3px 8px rgba(32, 91, 130, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.nav-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid var(--color-line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  height: 2px;
  margin: 4px 0;
  border-radius: 2px;
  background: var(--color-text);
  transition: 0.2s;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.nav-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}