/* ============================================================================
   JP-706 (follow-up) — align the text content across the "Other related
   features & products" (CrossChanel) cards.
   ----------------------------------------------------------------------------
   Each card stacks: icon + title (`.chanel-content__name`) + description +
   "Learn more". The title is 1 or 2 lines depending on the product name
   ("JTL-Wawi App" = 1 line, "DMS powered by GREYHOUND" = 2 lines) and carries a
   fixed 32px bottom margin, so a shorter title makes its description start
   higher than the neighbour's — the body copy doesn't line up across a row.
   The cards are already equal height and the "Learn more" row is bottom-aligned;
   only the title's variable height breaks the description alignment.

   Fix: reserve a uniform 2-line height for the title on the multi-column
   layout, so 1- and 2-line titles occupy the same space and every card's
   description (and the rest of the stack) starts on the same line. Scoped to the
   widget + a min-width so the single-column mobile layout (where alignment is
   moot) gets no extra whitespace. em-based so it tracks the title font-size at
   each breakpoint. */
@media (min-width: 768px) {
    .chanel-content-wrapper .chanel-content__name {
        min-height: 2.6em; /* 2 lines at the title's ~1.3 line-height */
    }
}