/* Shared behavior and field states for the inline form and every contact modal. */
#contactForm { color-scheme: dark; }
#contactForm .field { min-width: 0; align-content: start; }
#contactForm .field :is(input, textarea) { color: var(--contact-text, #edf4ef); background: var(--contact-input, #090d0b); border: 1px solid var(--contact-line, #344139); outline: none; box-shadow: none; }
#contactForm .field :is(input, textarea):focus { border-color: var(--contact-accent, #76e985); outline: none; box-shadow: inset 0 0 0 1px var(--contact-accent, #76e985); }
#contactForm .field input:is(:autofill, :-webkit-autofill) { -webkit-text-fill-color: var(--contact-text, #edf4ef); caret-color: var(--contact-text, #edf4ef); -webkit-box-shadow: inset 0 0 0 1000px var(--contact-input, #090d0b); box-shadow: inset 0 0 0 1000px var(--contact-input, #090d0b); }
#contactForm .field input:is(:autofill, :-webkit-autofill):focus { border-width: 2px; padding-inline: 13px; }
#contactForm #contactMessageHint { margin: 0; color: var(--contact-muted, #a1aba5); font-size: 11px; line-height: 1.5; }
#contactForm #contactMessageHint.is-satisfied { color: #76e985; }
#contactForm button[type="submit"]:disabled { opacity: .4; cursor: not-allowed; box-shadow: none; transform: none; }
#contactForm[aria-busy="true"] button[type="submit"] { cursor: wait; }