.contact-details {
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px 72px;
  align-items: start;
}
.contact-details .contact-link { margin-top: 0; }
.contact-details address { font: 12px/1.65 var(--mono); font-style: normal; }
.map-link { grid-column: 1; color: var(--navy); font-size: 12px; font-weight: 800; text-decoration: none; border-bottom: 1px solid var(--navy); width: max-content; padding-bottom: 4px; }
@media (max-width: 700px) {
  .contact-details { display: flex; flex-direction: column; gap: 18px; }
  .contact-details .contact-link { font-size: 18px; }
}