.content-summary-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

.content-summary {
  background: var(--summary-bg, var(--global-palette8));
  padding-inline: var(--summary-padding-inline, var(----global-content-edge-padding, 2.5rem));
  padding-block: var(--summary-padding-block, var(--global-kb-spacing-xxl, 5rem));
}

.content-summary__header {
  display: flex;
  align-items: flex-start;
  max-width: var(--summary-max-width, 1080px);
  margin-inline: auto;
  gap: var(--summary-header-gap, 0.75rem);
  margin-bottom: 1.5rem;
}

.content-summary__icon {
  flex: 0 0 auto;
  width: var(--summary-icon-size, 2rem);
  height: var(--summary-icon-size, 2rem);
  color: var(--summary-icon-color, currentColor);
}

.content-summary__header-text {
  min-width: 0;
}

.content-summary__heading {
  color: var(--summary-heading-color, inherit);
  font-size: var(--summary-heading-font-size, 1.2rem);
  margin-bottom: 0.25rem !important;
}

.content-summary__subheading {
  color: var(--summary-subheading-color, inherit);
  font-size: var(--summary-subheading-font-size, 1.05rem);
  opacity: .8;
  font-weight: 500;  
}

.content-summary__body {
  max-width: var(--summary-max-width, 1080px);
  margin-inline: auto;
  color: var(--summary-content-color, inherit);
  font-size: var(--summary-font-size, .9rem);

  ul {
    list-style: none;
    padding: 0 !important;
    display: flex;
    gap: 1rem;
  }

  li {
    background: var(--summary-list-item-background, #fff);
    padding: var(--summary-list-item-padding, 1rem);
    border-radius: var(--summary-list-item-border-radius, 25px);
    margin-bottom: 0 !important;
  }
}

.content-summary__body > :last-child {
  margin-bottom: 0;
}