/* Card-only blog styles. Section layout and navigation stay untouched. */
.bl-index-blog .b-item,
.bl-items-list-box .bl-list-item {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 5px 18px rgba(31, 41, 55, .1);
  transition: box-shadow 180ms ease !important;
}

.bl-index-blog .b-item .bl-item-pic {
  overflow: hidden;
}

.bl-index-blog .b-item .bl-item-pic img,
.bl-items-list-box .bl-list-item .bl-list-item-img {
  display: block;
  object-fit: cover;
  transition: none !important;
}

.bl-index-blog .b-item .bl-item-title,
.bl-items-list-box .bl-list-item .bl-list-item-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: normal;
  overflow-wrap: break-word;
}

.bl-index-blog .b-item .bl-item-desc,
.bl-items-list-box .bl-list-item .bl-list-item-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: normal;
  overflow-wrap: break-word;
}

.bl-index-blog .b-item .bl-item-desc p,
.bl-items-list-box .bl-list-item .bl-list-item-text p {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .bl-index-blog .b-item:hover,
  .bl-items-list-box .bl-list-item:hover {
    box-shadow: 0 12px 30px rgba(31, 41, 55, .2);
  }
}