.related-articles__content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;

  @media screen and (min-width: 769px) {
    gap: 2.4rem;
  }
}

.blog-articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md, 1.6rem) var(--space-md, 1.6rem);

  @media screen and (min-width: 769px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg, 2.4rem) var(--space-lg, 2.4rem);
  }
}

.blog-articles__article {
  min-width: 0;
}