/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.diabaus-related-articles {
  grid-column: 1/-1;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.diabaus-related-articles__title {
  text-align: left;
  margin-bottom: 2rem;
}

.diabaus-articles {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

@media (min-width: 968px) {
  .diabaus-related-articles__title {
    text-align: center;
  }
}