@layer features {

/* Tighten layout on narrow viewports — fall back to stacked centered */
@media (max-width: 720px) {
  .plans-no-data { flex-direction: column; text-align: center; gap: var(--space-6); }
  .plans-no-data__image { max-width: 80%; }
}
/* Plans (/test/design/from-requirement) */

} /* end @layer features */