/* Mobile overrides — loaded via media="(max-width: 768px)", no @media wrapper needed.
   styles.css already has @media breakpoints for layout. This file adds extra
   mobile-specific tweaks that stack on top. */

/* ---- Prevent iOS auto-zoom on focus ---- */
input,
select,
textarea {
  font-size: 16px;
}

/* ---- Full-width buttons ---- */
.contact-form .btn-primary {
  width: 100%;
  align-self: stretch;
}

/* ---- Subject cards full-width ---- */
.subject-card {
  min-width: 0;
  flex: 1 1 100%;
}