/* =================================================================
   responsive.css — width breakpoints.

   The tool is mobile-first by construction: .app is a single
   540px-max column that simply centres itself on wider screens, and
   every component is fluid inside it. That is why there is so little
   here — it is not an omission.

   The original build had exactly one width media query. It is
   preserved unchanged below. Preference-based queries
   (prefers-reduced-motion) live in animations.css, next to the
   motion they switch off.

   Must load LAST.
   ================================================================= */

/* Narrow phones: the two-up name/phone row stacks. */
@media (max-width:430px){
  .two{grid-template-columns:1fr}
}