/* Give contact details the full card width on narrow screens. */
@media (max-width: 600px) {
  html body[data-page-family="contact"]:not(.obsidian-home) main .section.contact-grid {
    padding-inline: 0 !important;
  }
  html body[data-page-family="contact"]:not(.obsidian-home) main .section.contact-grid .contact-aside {
    padding: 18px !important;
  }
  html body[data-page-family="contact"] main .direct-contact {
    padding: 14px !important;
  }
  html body[data-page-family="contact"] main .direct-contact a.direct-contact-card {
    padding: 14px !important;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px 10px;
    align-items: center;
  }
  html body[data-page-family="contact"] main .direct-contact-copy {
    display: contents;
  }
  html body[data-page-family="contact"] main .direct-contact-copy strong {
    grid-column: 2;
    grid-row: 1;
    padding-right: 0;
  }
  html body[data-page-family="contact"] main .direct-contact .direct-contact-detail,
  html body[data-page-family="contact"] main .direct-contact-copy small {
    grid-column: 1 / -1;
    min-width: 0;
  }
  html body[data-page-family="contact"] main .direct-contact .direct-contact-detail {
    font-size: 14px;
  }
}