/* =========================================================================
   Module · Cards / Stats — Figma 5495:34814 (page Global: Modules)
   420 5508:36372 · 1024 5495:34770 · 1440 5495:34726 · 1920 5492:17572
   Home: 420 7021:54685 · 1024 7021:54674 · 1440 7021:54663 · 1920 7021:54620

   The section frame (.l-section): a Section Header, section-gap, then the
   three Card / Stat (size=auto), grid-gutter apart — a column on the 420
   variant, a row sharing the content width from 1024. The ground is Module
   Background (data-bg), over White.

   Raw in Figma: the cards' fixed heights (304 · 328 · 472 · 624). Here
   they are floors, so copy that runs long on a narrow phone grows the card
   instead of colliding with the stat.
   ========================================================================= */
.m-cards-stats { background: linear-gradient(var(--module-background), var(--module-background)), var(--color-white); }
.m-cards-stats > .b-section-header { align-self: stretch; }

.m-cards-stats__cards {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-grid-gutter);
}
.m-cards-stats__card { display: flex; min-height: 304px; }
.m-cards-stats__card > .b-card-stat { flex: 1 1 auto; min-width: 0; }

/* the 420 frame's own line break (card 1: "… other / AI Cloud") */
.m-cards-stats__br-mobile { display: none; }
@media (max-width: 1023px) {
  .m-cards-stats__br-mobile { display: inline; }
}

@media (min-width: 1024px) {
  .m-cards-stats__cards { flex-direction: row; }
  .m-cards-stats__card { flex: 1 1 0; min-width: 0; min-height: 328px; }
}
@media (min-width: 1392px) {
  .m-cards-stats__card { min-height: 472px; }
}
@media (min-width: 1920px) {
  .m-cards-stats__card { min-height: 624px; }
}