/* Contact page: form + sidebar layout and contact detail list. */
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
@media (max-width: 900px) { .contact-layout { grid-template-columns: 1fr; } }

.contact-card__title { font-size: 1.15rem; margin-bottom: 1rem; }

.contact-info { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.contact-info li { display: flex; gap: .9rem; align-items: center; }
.contact-info .card__icon { width: 40px; height: 40px; margin: 0; flex: none; }
.contact-info .card__icon .i { width: 20px; height: 20px; }
.contact-info strong { display: block; color: #fff; font-size: .92rem; }
.contact-info div > span { color: var(--muted); }

.contact-links { list-style: none; padding: 0; margin: 0; display: grid; gap: .7rem; }