/* Blog article detail: two-column layout aligned with landing-style blog-details + sidebar */
.blog-article-detail-section .blog-details-sidebar {
  position: sticky;
  top: 100px;
}

@media (max-width: 991.98px) {
  .blog-article-detail-section .blog-details-sidebar {
    position: static;
    margin-top: 50px;
  }
}

.blog-article-detail-section .blog-details__meta {
  gap: 8px 20px;
}

.blog-article-detail-section .blog-details__meta li > span {
  color: #777;
  font-size: 15px;
  font-weight: 500;
}

.blog-article-detail-section .blog-details__meta li > span i {
  color: var(--theme-color2);
  margin-right: 6px;
}

.blog-article-detail-section .blog-details__meta time {
  color: inherit;
}

.blog-article-detail-section .blog-details-lead {
  font-size: 1.125rem;
  line-height: 1.65;
  margin-bottom: 1.5rem;
}

.blog-article-detail-section .blog-details__text p {
  line-height: 1.75;
  margin-bottom: 1rem;
  color: #333;
}

.blog-article-detail-section .blog-details__text h2.h4 {
  color: var(--theme-color-black, #111);
  font-weight: 600;
}

.blog-article-detail-section .blog-details__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 6px;
}

.blog-article-detail-section .blog-details__tags span {
  margin-right: 6px;
}

.blog-article-detail-section .blog-details__tags a + a {
  margin-left: 0;
}