/* Persistent, accessible form submission feedback. */
#form-status:empty { display: none; }
#form-status:not(:empty) { display: block; margin-top: 24px; padding: 18px 20px; border: 1px solid; border-left-width: 4px; border-radius: 4px; line-height: 1.8; text-align: left; scroll-margin-block: 100px 24px; }
#form-status strong, #form-status span { display: block; }
#form-status strong { margin-bottom: 6px; font-size: 15px; }
#form-status span { font-size: 13px; }
#form-status[data-state="pending"] { color: #304d66; background: #eef5fb; border-color: #7595b3; }
#form-status[data-state="success"] { color: #28523a; background: #edf7ef; border-color: #679875; }
#form-status[data-state="error"] { color: #853526; background: #fff3ef; border-color: #bd796a; }
#form-status:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.contact-form [disabled] { cursor: wait; opacity: .65; }

#contact-form [disabled] { cursor: wait; opacity: .65; }