/* Industry Patterns: section styles for the reveal accordion (mechanism in global.css). */

/* The white box absorbs the card's slack; on open it gives its height to the detail. */
.industry-pattern-card-summary {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.industry-pattern-summary-inner {
  min-height: 0;
}

/* Open: the blue header keeps a tight inset, the detail takes the remaining height. */
[data-reveal-accordion-item].is-open .industry-pattern-card-summary {
  flex: 0 1 auto;
}

/* Blue header: 200px closed, 136px open; the padding makes the difference. */
.industry-pattern-card-header {
  transition:
    padding-top var(--rv-duration) var(--rv-ease),
    padding-bottom var(--rv-duration) var(--rv-ease);
}

[data-reveal-accordion-item].is-open .industry-pattern-card-header {
  padding-top: clamp(10px, 100vw * 16 / 1440, 16px);
  padding-bottom: clamp(10px, 100vw * 16 / 1440, 16px);
}

/* 40px between the open copy blocks, 50px before the button. */
.industry-pattern-details-inner > .description + .badge {
  margin-top: -10px;
}