/* Section composition reuses the centered label/title, shared action and blog grid. */
.related-blog {
  padding: var(--space-section-major) var(--space-page-inline);
}
.related-blog__heading {
  gap: var(--space-label-heading);
  margin-bottom: var(--space-heading-content);
}
.related-blog__title {
  margin: 0;
  font-size: var(--type-section-size);
  font-weight: var(--type-section-weight);
  line-height: 1.1;
}
.related-blog__cta {
  margin-top: var(--24);
}

.related-blog__heading.is--left {
  align-items: flex-start;
  text-align: left;
}

/* Optional Services-scroll composition: desktop retains the original post grid. */
.related-blog.is--scroll .related-blog__track {
  gap: 0;
}
.related-blog.is--scroll .related-blog__item {
  flex: none;
  margin-inline: 0;
}
.related-blog.text-color-white .services-scroll__pagination-item {
  background-color: var(--white-20);
}
.related-blog.text-color-white .services-scroll__pagination-item.is-active {
  background-color: var(--white);
}
@media screen and (min-width: 992px) {
  .related-blog.is--scroll .related-blog__track {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .related-blog.is--scroll {
    padding-inline: 0;
  }
  .related-blog.is--scroll .related-blog__heading {
    margin-inline: var(--space-page-inline);
  }
  .related-blog.is--scroll .related-blog__track {
    flex-wrap: nowrap;
    gap: var(--16);
    margin-inline: 0;
  }
  .related-blog.is--scroll .related-blog__item {
    flex: 0 0 18.75rem;
    padding-inline: 0;
  }
}
@media screen and (max-width: 767px) {
  .related-blog.is--scroll .related-blog__item {
    flex-basis: calc(100% - 1rem);
  }
  .related-blog.is--scroll .related-blog__track.swiper-wrapper {
    gap: 0;
  }
  .related-blog.is--scroll .related-blog__item.swiper-slide {
    flex-basis: auto;
  }
  .related-blog.is--scroll .related-blog__heading.is--left {
    align-items: center;
    text-align: center;
  }
}