/**
 * CF Flex Card Block: Node Sections wrapper.
 *
 * Stacks N Teaser Card Sections produced by TeaserBlock::build().
 * Each section already has its own internal vertical padding via
 * cf-flex-card-block.css; we don't add extra margin here — adjacent
 * sections butt up cleanly and the within-section padding gives the
 * breathing rhythm.
 */

.cf-flex-card-block-sections {
  display: flex;
  flex-direction: column;
  /* This wrapper is often placed inside a theme/parent flex
     container (e.g. .layout__region--first > div > div sets
     display:flex; flex-wrap:wrap on the parent), which makes
     this element a flex item with default min-width: auto.
     That default refuses to shrink below the content's
     min-content size — so a wide image attribute or any wide
     descendant pressure-tests the chain and the wrapper
     overflows its parent column. min-width: 0 here breaks the
     propagation at the top of our markup tree. */
  min-width: 0;
}

.cf-flex-card-block-sections__section {
  /* Same reasoning: each section is a flex child of
     .cf-flex-card-block-sections (flex-direction: column means
     the cross axis is horizontal). Allow it to shrink. */
  min-width: 0;
}