/* form-plugin templates use Tailwind dark: variants (labels dark:text-white, checkbox labels/hints dark:text-gray-300).
   The site is light-only, so pin all form text to the light palette. */
.ml-form{color-scheme:light}
html body .ml-form label,
html body .ml-form label span,
html body .ml-form legend{color:#323335 !important}
html body .ml-form form p{color:#5e6166 !important}
html body .ml-form input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
html body .ml-form textarea,
html body .ml-form select{background-color:#fff !important;color:#323335 !important}
html body .ml-form input::placeholder,
html body .ml-form textarea::placeholder{color:#8a8d91 !important}

/* Submit button on its own row, below the captcha */
html body .ml-form form > button[type=submit],
html body .ml-form form > input[type=submit],
html body .ml-form form > :has(> button[type=submit]),
html body .ml-form form > :has(> input[type=submit]){grid-column:1 / -1 !important;justify-self:start;margin-top:12px}
html body .ml-form form > button[type=submit],
html body .ml-form form button[type=submit]{min-width:300px}
@media (max-width:640px){html body .ml-form form button[type=submit]{min-width:0;width:100%}}