/* =====================
   m_audience — "Who is this for" section.

   Source of truth:
     Desktop: Figma node 4224:3085
     Mobile:  Figma node 4224:3096

   Inherits all base styles from `m_feature.css` via combo class on
   `<section class="m_feature m_audience">`. This file only defines what
   makes Audience unique:
     - Container gap = 64px (vs 48px in Problem)
     - 6 cards in a 12-col grid → each spans 4 (3 per row × 2 rows)
     - Icons use 6 different colours via `is-purple/.is-pink/.is-blue/
       .is-green/.is-yellow/.is-lilac` modifiers (defined in m_feature.css)
===================== */

.m_audience > .u-container { gap: 4rem; }             /* 64px header→grid */

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