/* Contact layout; shared colors, typography and panels live in design-system.css. */
.contact-email { display: inline-block; font-size: clamp(20px, 3vw, 29px); font-weight: 600; text-decoration: underline; text-underline-offset: 7px; overflow-wrap: anywhere; }
.contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-card { display: flex; flex-direction: column; }
.contact-card > a { margin-top: auto; align-self: flex-start; padding-block: 8px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 640px) { .contact-grid { grid-template-columns: minmax(0, 1fr); } }