/* Allow the canonical contact email to wrap without widening the card grid. */
.contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-card {
  min-width: 0;
}

.contact-card a[href^="mailto:"] {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 720px) {
  .contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}