.learn-header {
  min-height: 72px;
  padding-right: clamp(20px, 4.5vw, 72px);
  padding-left: clamp(20px, 4.5vw, 72px);
}

.learn-nav {
  gap: clamp(16px, 2.3vw, 34px);
}

.learn-nav a {
  position: relative;
  font-size: 13px;
  font-weight: 620;
}

.learn-nav a[aria-current='page'] {
  color: var(--paper);
}

.learn-nav a[aria-current='page']::after {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 1px;
  content: '';
  background: var(--accent);
}

.learn-nav .learn-nav-cta {
  padding: 10px 14px;
  color: var(--bg);
  background: var(--paper);
  border: 1px solid var(--paper);
}

.learn-nav .learn-nav-cta:hover,
.learn-nav .learn-nav-cta:focus-visible {
  color: var(--paper);
  background: transparent;
}

.learn-footer div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

@media (max-width: 860px) {
  .learn-nav-secondary {
    display: none;
  }
}

@media (max-width: 540px) {
  .learn-header {
    min-height: 66px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .learn-brand span {
    display: none;
  }

  .learn-nav {
    gap: 12px;
  }

  .learn-nav a {
    font-size: 12px;
  }

  .learn-nav .learn-nav-cta {
    padding: 9px 10px;
  }
}