/* Original council artwork, presented in a quiet grey without altering the assets. */
.portal-v2 .regional-councils {
  --council-gap: 60px;
  width: 100%; min-width: 0; padding: 18px 0;
  border-block: 1px solid #ded7cc;
  background: linear-gradient(100deg, #f0eeeb, #faf9f6 50%, #f0eeeb);
}
.council-viewport { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #c5bdb2 transparent; }
.council-track { display: flex; width: max-content; }
.regional-councils .council-group {
  display: flex; flex: 0 0 auto; align-items: center; gap: var(--council-gap);
  width: max-content; list-style: none; margin: 0; padding: 0 30px;
}
.council-group li { flex: 0 0 190px; margin: 0; padding: 0; }
.regional-councils .council-link {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  height: 64px; color: #918c85; text-decoration: none; border-radius: 3px;
}
.council-link img {
  display: block; width: auto; height: 60px; max-width: 100%; object-fit: contain;
  opacity: .46; transition: opacity 180ms ease;
}
.council-link:hover img, .council-link:focus-visible img { opacity: .82; }
.council-link:hover, .council-link:focus-visible { color: #514b45; }
.regional-councils.is-animated .council-viewport {
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);
}
.regional-councils.is-animated .council-track {
  animation: councils-drift var(--council-duration, 100s) linear infinite;
  animation-play-state: paused;
}
.regional-councils.is-running .council-track { animation-play-state: running; }
.regional-councils:focus-within .council-track { animation-play-state: paused; }
@media (hover: hover) {
  .regional-councils:hover .council-track { animation-play-state: paused; }
}
/* Keyboard navigation exposes the original list, including links outside the viewport. */
.regional-councils.is-keyboard .council-viewport { overflow-x: auto; mask-image: none; }
.regional-councils.is-keyboard .council-track { animation: none; }
.regional-councils:not(.is-animated) .council-copy,
.regional-councils.is-keyboard .council-copy { display: none; }
@keyframes councils-drift { to { transform: translate3d(calc(-1 * var(--council-distance)), 0, 0); } }
@media (max-width: 760px) {
  .portal-v2 .regional-councils { --council-gap: 36px; padding-block: 16px; }
  .regional-councils .council-group { padding: 0 18px; }
  .council-group li { flex-basis: 168px; }
  .regional-councils .council-link { height: 60px; gap: 12px; }
  .council-link img { height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .regional-councils.is-animated .council-track { animation: none; }
  .regional-councils.is-animated .council-viewport { overflow-x: auto; mask-image: none; }
  .regional-councils .council-copy { display: none; }
  .council-link img { transition: none; }
}

.regional-councils .council-link:focus-visible { outline: 2px solid #650d23; outline-offset: 3px; }