.regional-nav { background: #eeeae1; color: #202820; border-bottom: 1px solid #d6d8cd; }
.regional-nav > .wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.regional-nav a { display: flex; min-height: 54px; align-items: center; justify-content: center; gap: 12px; padding: 8px 12px; text-decoration: none; border-bottom: 3px solid transparent; }
.regional-nav a + a { border-left: 1px solid #d6d8cd; }
.regional-nav strong { font-size: .95rem; font-weight: 650; white-space: nowrap; }
.regional-nav span { font-size: .78rem; color: #62665c; }
.regional-nav a:hover, .regional-nav a[aria-current="page"] { background: #e4ddcd; border-bottom-color: #806333; }
.regional-nav a:focus-visible { outline: 3px solid #806333; outline-offset: -4px; }
@media (max-width: 600px) {
  .regional-nav a { flex-direction: column; gap: 0; min-height: 58px; padding: 7px 4px; line-height: 1.65; }
  .regional-nav strong { font-size: .9rem; }
  .regional-nav span { font-size: .68rem; }
}