/* =====================
   m_problem — "The Problem" section.

   Source of truth:
     Desktop: Figma node 4224:3082
     Mobile:  Figma node 4224:3093

   Inherits all base styles from `m_feature.css` via combo class on
   `<section class="m_feature m_problem">`. This file only defines what
   makes Problem unique:
     - Container gap = 48px (vs 64px in Audience)
     - 4 cards in a 12-col grid → each spans 3 (12 / 4)
     - All icons use a single colour: `is-red`
===================== */

.m_problem > .u-container { gap: 3rem; }              /* 48px header→grid */

.m_problem .m_feature_card { grid-column: span 3; }   /* 4 per row at desktop */
@media (max-width: 991px) {
  .m_problem .m_feature_card { grid-column: span 12; } /* stack on mobile */
}