.hdl-contact-form { width: 100%; max-width: 100%; }
.hdl-contact-form .hdl-contact-field { margin: 0 0 1rem; }
.hdl-contact-form label { display: block; margin-bottom: .4rem; font-weight: 600; }
.hdl-contact-form .hdl-contact-field input,
.hdl-contact-form textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; padding: .75rem; border: 1px solid #9ca3af; border-radius: .375rem; background: #fff; color: #111827; font: inherit; }
.hdl-contact-form textarea { resize: vertical; }
.hdl-contact-form button { margin-top: 1rem; padding: .75rem 1.5rem; border: 0; border-radius: .5rem; background: #1d4ed8; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.hdl-contact-form button:hover { background: #1e40af; }
.hdl-contact-form :focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.hdl-contact-form .hdl-contact-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.hdl-contact-form .hdl-contact-message { padding: .75rem; overflow-wrap: anywhere; }
.hdl-contact-form .is-success { background: #dcfce7; color: #14532d; }
.hdl-contact-form .is-error { background: #fee2e2; color: #7f1d1d; }