/* contact.css — Contact page styles */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  max-width: 800px;
  margin: 0 auto var(--space-16);
}

@media (min-width: 576px) {
  .contact-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 992px) {
  .contact-grid { grid-template-columns: repeat(3, 1fr); }
}

.contact-link {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--weight-medium);
  word-break: break-all;
}

.contact-link:hover {
  text-decoration: underline;
}