.form-status { margin-top: 1rem; padding: 1rem 1.1rem; border-radius: 4px; background: #f3f5f7; line-height: 1.6; }
.form-status.is-error { border-left: 3px solid #9b3a2e; color: #742b23; background: #fff5f2; }
.form-success { padding: 1.8rem; background: #f3f6f4; border-top: 3px solid #b99141; }
.form-success h2 { color: #082950; font-size: 1.6rem; line-height: 1.25; margin: 0 0 1rem; }
.form-success [data-reference] { font-size: .85rem; color: #526172; overflow-wrap: anywhere; }
.form-success .button { margin-top: .8rem; }
#contact-form[hidden], .form-success[hidden], .form-status[hidden] { display: none; }
#contact-form[aria-busy="true"] button { cursor: progress; opacity: .75; }
.form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 600px) { .form-success { padding: 1.3rem; } #contact-form .button { width: 100%; } }