/* Mobile-only refinements layered on top of the Webflow export.
   Injected after the Webflow CSS on every page by scripts/build.mjs.
   Keep this small: desktop must stay identical to the original site. */
@media screen and (max-width: 767px) {
  /* 16px inputs stop iOS Safari zooming in on focus; 44px = comfortable tap target. */
  .w-input, .w-select { font-size: 16px; min-height: 44px; }
  textarea.w-input { min-height: 120px; }

  /* Enlarge hit areas of small footer/social links without moving anything. */
  .social-media-link, .footer .link, .footer-logo-link, .external-link { position: relative; }
  .social-media-link::after { content: ""; position: absolute; inset: -10px; }
  .footer .link::after, .external-link::after { content: ""; position: absolute; inset: -8px 0; }
}

@media screen and (max-width: 479px) {
  /* The form card is white on white; its 25px inset just misaligns the form with the copy above. */
  .white-background { padding-left: 0; padding-right: 0; }
}