.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding: .55rem clamp(1rem, 3vw, 2.5rem);
  background: #fffdfa;
  border-bottom: 1px solid #e2d8ca;
}

.site-nav a {
  padding: .42rem .7rem;
  color: #5b4439;
  border-radius: 999px;
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
}

.site-nav a:hover { background: #f6f1e8; }

.site-nav a[aria-current="page"] {
  color: #fff;
  background: #5b8e3e;
}

.site-nav a:focus-visible {
  outline: 3px solid #2c89a0;
  outline-offset: 2px;
}