/* F20 light-card form fields: contact (.contact-input) and project pages (.form-input) */
/* Linked only on /contact/ and the six project pages, after styles.css. Never on /quiz/. */
/* Selectors are raised on purpose (form + class) so source order, Tailwind preflight and the inline page <style> blocks cannot override them. */
@media (max-width:767px){
  form .contact-input, form .form-input { font-size:16px; }  /* stops iOS focus zoom; desktop stays 14px */
}
form .field-group .field-label { color:#595959; font-size:11px; }   /* 6.6:1 on #f8f8f8; light cards only */
form .contact-input::placeholder, form .form-input::placeholder { color:#6b6b6b; opacity:1; }  /* 5.06:1 / 4.93:1 */
form .contact-input, form .form-input { border-color:#8a8a8a; }  /* 3.19:1 or better; :focus and :invalid rules still win by specificity */
form .contact-input:focus-visible, form .form-input:focus-visible { outline:2px solid var(--navy); outline-offset:2px; }
form .submit-button:focus-visible { outline:2px solid var(--navy); outline-offset:3px; }