/* Clearer navigation cues on the footer's two menu columns. */
.cpi-footer-grid > div:is(:nth-child(2), :nth-child(3)) li > a {
  display: flex;
  align-items: baseline;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin-inline: -10px;
  padding-inline: 10px;
  border-radius: 7px;
  color: #f5eee0d4;
  transition: color .2s ease, background-color .2s ease;
}
.cpi-footer-grid > div:is(:nth-child(2), :nth-child(3)) li > a::before {
  content: "";
  flex: 0 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d8ae75;
  opacity: .8;
  transform: translateY(-2px);
}
.cpi-footer-grid > div:is(:nth-child(2), :nth-child(3)) li > a:hover,
.cpi-footer-grid > div:is(:nth-child(2), :nth-child(3)) li > a:focus-visible {
  color: #fff6e8;
  background: #e7c59812;
}
@media (prefers-reduced-motion: reduce) {
  .cpi-footer-grid > div:is(:nth-child(2), :nth-child(3)) li > a {transition: none}
}