/* Existing Xleb card geometry and spacing remain owned by posts.css. */
.news-card .df-article-icon,
.df-article-hero .df-article-icon {
    display: block;
    flex: none;
    max-width: none;
    object-fit: contain;
}
.df-article-back {
    --linkDefaultColor: var(--contentOpacityColor);
    --linkDefaultHoverColor: var(--mainColor);
}
.df-article-title h1 { font-weight: 500; letter-spacing: -.03em; }
.df-article-intro p { line-height: 32px; letter-spacing: -.02em; }
.df-article-cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
/* The same metadata component also runs on a header without a posts shortcode. */
.df-article-meta,
.df-article-meta .news-card__meta-item { display: flex; align-items: center; }
.df-article-meta { flex-wrap: wrap; gap: var(--gapX5); }
.df-article-meta .news-card__meta-item { gap: var(--gapX2); white-space: nowrap; }
.df-article-meta p { margin: 0; }
@media (min-width: 992px) {
    .df-article-mobile-space { display: none; }
}
@media (max-width: 991px) {
    .df-article-intro p { line-height: var(--textLheightT); }
}