.blog-list-wrap {
  align-items: stretch;
}

.blog-list-wrap .entry-box-wrap {
  display: flex;
}

.blog-list-wrap .entry-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.blog-list-wrap .feature-img-box {
  padding: 18px 18px 0;
}

.entry-box .feature-img-box .img-box {
  height: clamp(220px, 24vw, 300px);
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(180deg, #f4f7fd 0%, #e9eef8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.entry-box .feature-img-box .img-box img,
.entry-box .feature-img-box .img-box .lazyload,
.entry-box .feature-img-box .img-box .lazyloaded {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center center;
  display: block;
}

.blog-list-wrap .entry-main {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.blog-list-wrap .entry-header {
  min-height: 116px;
}

.blog-list-wrap .entry-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-list-wrap .entry-summary {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.blog-list-wrap .entry-footer {
  margin-top: auto;
}

.post-entry .feature-img-box .img-box {
  max-height: 520px;
  overflow: hidden;
  border-radius: 28px;
}

.post-entry .feature-img-box .img-box img,
.post-entry .feature-img-box .img-box .lazyload,
.post-entry .feature-img-box .img-box .lazyloaded {
  width: 100% !important;
  height: auto !important;
  display: block;
}

.related-posts .img-box {
  height: 220px;
  overflow: hidden;
  border-radius: 22px;
}

.related-posts .feature-img,
.related-posts .img-box img,
.related-posts .img-box .lazyload,
.related-posts .img-box .lazyloaded {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .entry-box .feature-img-box .img-box {
    height: 210px;
    padding: 14px;
  }

  .blog-list-wrap .entry-header {
    min-height: 0;
  }

  .blog-list-wrap .entry-summary {
    -webkit-line-clamp: 6;
  }
}