.rules-index nav a {
  padding-right: 10px;
  padding-left: 12px;
  border-radius: 6px;
  transition: background-color 160ms ease, color 160ms ease;
}

.rules-index nav a[aria-current="location"] {
  color: #164b39;
  background: #dce9d6;
  box-shadow: inset 3px 0 0 #24543e;
  font-weight: 700;
}

.rules-index nav a[aria-current="location"] span {
  color: #24543e;
  font-weight: 700;
}

.rules-index nav a:focus-visible {
  outline: 2px solid #24543e;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .rules-index nav a {
    transition: none;
  }
}