/* Progressive enhancement: the contact form is always available if :has()
   is unsupported, JS is blocked, or the reason control is unavailable. */
@supports selector(:has(*)) {
    .abx-contact-layout:has(#abx-contact-reason:invalid) #abx-contact-form-wrap {
        display: none;
    }

    .abx-contact-layout:has(#abx-contact-reason:valid) #abx-contact-form-wrap {
        display: block;
    }
}

.abx-contact-advice:not([hidden]) {
    margin-bottom: 1rem;
}