/* ==========================================================================
   DIFFERENCE BAND — the shared "why us" dark section   (visual only)
   ==========================================================================
   A dark navy band: an intro heading (optionally a two-column problem/answer)
   then a row of icon-led feature columns, over soft brand swirls. One shared
   section — build it from here rather than re-inventing it per page.

   Build (ARTICLE):
     class: `band bg-ink difference decor decor-swirls section-80`
     ├ text  <h2>…</h2>                              (intro heading)
     └ element_group `row feature-cols`
         └ N × text  <i class="fa-light fa-…"></i><div class="ft"><h3>…</h3><p>…</p></div>

   `bg-ink` paints the band, `section-80` sets the 80px vertical rhythm,
   `decor decor-swirls` (decor.css) adds the swirls, `feature-cols` lays out the
   icon columns. This file only tunes the shared bits.
   ========================================================================== */

/* No rule under the feature row on the difference band (the design has none). */
.difference {
    .feature-cols { padding-bottom: 0; }
    .feature-cols::after { content: none; }

    /* Intro heading breathes above the columns. */
    > h2, > .content-text:first-child h2 { margin-bottom: 0; }
}