.learning-guides-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  padding: 0.55rem 1rem;
  background: #f4ead2;
  border-bottom: 1px solid #d7bd7a;
  color: #173b63;
  font: 600 0.88rem/1.35 Arial, sans-serif;
  text-align: center;
}

.learning-guides-nav span {
  color: #6b5430;
  letter-spacing: 0.02em;
}

.learning-guides-nav a {
  color: #174f86;
  text-decoration: none;
}

.learning-guides-nav a:hover,
.learning-guides-nav a:focus-visible {
  color: #0d3154;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .learning-guides-nav {
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
  }

  .learning-guides-nav span {
    flex-basis: 100%;
  }
}