/* =========================================================================
   Module · List / Logo Accordion — Figma 5495:35823 (page Global: Modules)
   420 5508:36602 · 1024 5495:35759 · 1440 5495:35695 · 1920 5492:17577
   The section frame (.l-section: section-padding, page-margin, section-gap)
   holding a Section Header and the index: Item / Logo Row after Item / Logo
   Row (each draws its own top line), a 1px Black 15 divider under the last.
   The accordion (module.js) animates each row's height between its two
   layouts, on the old accordion's clock: .4s in-out.
   ========================================================================= */
.m-list-logo-accordion { background: var(--module-background); }
.m-list-logo-accordion > .b-section-header,
.m-list-logo-accordion__index { align-self: stretch; }

.m-list-logo-accordion__index {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-black-15);   /* Figma: "divider", 1px, raw */
}
/* the row's box: module.js moves its height between the two layouts */
.m-list-logo-accordion__item.is-moving {
  overflow: hidden;
  transition: height .4s var(--e-inout);
}

/* the heading's forced break: Figma breaks it before "with" on the 1920
   variant only (a line separator in the text) */
.m-list-logo-accordion__break { display: none; }
@media (min-width: 1920px) {
  .m-list-logo-accordion__break { display: inline; }
}