/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =============================================
=                    Related cards             =
============================================= */
@layer sdc {
  .related-cards {
    padding-block: var(--component-inner-space);
  }
  .related-cards__intro {
    padding-bottom: 1.8rem;
  }
  .related-cards__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
  }
  @media (min-width: 42.5em) {
    .related-cards__wrapper {
      flex-flow: row wrap;
      column-gap: 2rem;
    }
    .related-cards__item {
      max-width: calc(50% - 1rem);
    }
  }
  @media (min-width: 75em) {
    .related-cards__item {
      max-width: calc(25% - 1.5rem);
    }
  }
}