/* Mobile stacking for two-column rows. Only fires under 640px; desktop is untouched. */
@media (max-width: 640px) {
  .resp-row { flex-direction: column !important; }
  .resp-row > .resp-text { width: 100% !important; flex: 1 1 auto !important; min-width: 0 !important; }
  .resp-row > .resp-img { align-self: flex-start !important; margin-top: var(--space-4) !important; }
}