/* Media query breakpoints */
.related-blog {
  width: 100%;
}
.related-blog__items {
  display: flex;
  margin: 32px auto 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  max-width: 1056px;
  width: 100%;
}
@media (min-width: 768px) {
  .related-blog__items {
    flex-direction: row;
    align-items: unset;
    padding: 0 9px;
  }
}
.related-blog__items > div {
  max-width: 320px;
  width: 100%;
}
@media (min-width: 768px) {
  .related-blog__items > div {
    max-width: unset;
    width: 262px;
  }
}
@media (min-width: 1025px) {
  .related-blog__items > div {
    width: calc((100% - 408px - 32px) / 2);
  }
}
.related-blog__items > div .blog-card {
  height: 100%;
}
@media (min-width: 1025px) {
  .related-blog__items > div:first-child {
    width: 408px;
  }
}
.related-blog__items > div:first-child .blog-card__recommend {
  display: block;
}
.related-blog__items > div:first-child .blog-card__category {
  display: none;
}
.related-blog:has(.blog-card--image) .related-blog__items {
  display: flex;
  margin: 32px auto 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .related-blog:has(.blog-card--image) .related-blog__items {
    flex-direction: row;
    align-items: unset;
  }
}
.related-blog:has(.blog-card--image) .related-blog__items-item {
  max-width: 288px;
  width: 100%;
}
@media (min-width: 768px) {
  .related-blog:has(.blog-card--image) .related-blog__items-item {
    max-width: unset;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .related-blog:has(.blog-card--image) .related-blog__items-item {
    max-width: 384px;
  }
}
@media (min-width: 1025px) {
  .related-blog:has(.blog-card--image) .related-blog__items-item:first-child {
    max-width: 384px;
    width: 100%;
  }
}
/*# sourceMappingURL=related-blog.css.map */