/* Keeps footer utility content legible instead of breaking individual labels. */
.footer-utility-row > div { min-width: 0; }

@media (min-width: 1024px) {
  .footer-utility-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
  }

  .footer-utility-row > div:first-child {
    display: flex;
    align-items: center;
    gap: .8rem;
    white-space: nowrap;
  }

  .footer-utility-row > div:first-child > p {
    font-size: .75rem;
    line-height: 1rem;
    white-space: nowrap;
  }

  .footer-utility-row > div:first-child > div,
  .footer-utility-row > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
  }

  .footer-utility-row > div:first-child a,
  .footer-utility-row > div:last-child > span {
    white-space: nowrap;
  }

  .footer-utility-row > div:last-child { gap: .85rem; }
}

@media (max-width: 1023px) {
  .footer-utility-row { text-align: center; }
  .footer-utility-row > div:last-child { flex-wrap: wrap; justify-content: center; }
}