/* Inquiry-specific states keep the existing ZXO visual design. */
.contact-form [aria-invalid="true"] { border-color: #a53d35; outline: 1px solid #a53d35; outline-offset: 1px; }
.contact-form [aria-invalid="true"]:focus { outline: 2px solid var(--ink, #122a49); outline-offset: 2px; }
.contact-form[aria-busy="true"] input,
.contact-form[aria-busy="true"] select,
.contact-form[aria-busy="true"] textarea { background: #f3f5f7; color: #465569; opacity: 1; cursor: wait; }
.contact-form[aria-busy="true"] button { cursor: wait; }
.inquiry-example { font-size: 11px; color: var(--muted, #526176); line-height: 1.8; padding: 13px 15px; border-left: 2px solid #d5a04c; background: #f8f9fb; margin: 0 0 20px; overflow-wrap: anywhere; }
.inquiry-example strong { color: var(--ink, #122a49); }
.message-guidance { flex-wrap: wrap; }
#message-count { white-space: nowrap; margin-left: auto; }
#message-count.over-limit { color: #a53d35; font-weight: 600; }
.form-success a { text-decoration: underline; text-underline-offset: 3px; }
.form-success p { line-height: 1.8; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .contact-form input, .contact-form select, .contact-form textarea { font-size: 16px; }
}