.contact-page .narrow { max-width: 42rem; }
.contact-intro { margin-bottom: 1.5rem; }
.contact-form { display: grid; gap: .85rem; }
.contact-form label { display: grid; gap: .5rem; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.contact-form textarea { min-height: 10rem; resize: vertical; }
.contact-form .form-help { margin: 0; line-height: 1.5; }
.contact-form button { width: fit-content; min-height: 44px; margin-top: .35rem; }
.contact-inbox { display: grid; gap: 1rem; }
.contact-message { min-width: 0; padding: 1rem 0; border-top: 1px solid var(--line, #dce3ef); }
.contact-message-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; }
.contact-message p, .contact-message code { overflow-wrap: anywhere; }
.contact-message-body { white-space: pre-wrap; }
.contact-message-meta { font-size: .875rem; }
@media (max-width: 600px) { .contact-form button { width: 100%; } }