body.single-post .article-hero {
    color: var(--contentPrimaryColor, #0a2753);
}

body.single-post .article-hero__top {
    align-items: start;
}

body.single-post .article-hero__crumb-col {
    grid-column: span 4;
}

body.single-post .article-hero__content {
    display: flex;
    flex-direction: column;
    grid-column: span 8;
}

body.single-post .article-hero__mobile-head-space {
    display: none;
    grid-column: span 12;
}

body.single-post .article-hero__breadcrumbs,
body.single-post .article-hero__breadcrumbs span {
    display: flex;
    align-items: center;
}

body.single-post .article-hero__crumb-link {
    display: inline-flex;
    align-items: center;
    gap: var(--gapX2, 8px);
    color: var(--contentPrimaryColor, #0a2753);
    text-decoration: none;
}

body.single-post .article-hero__crumb-link::before {
    content: "";
    width: 4px;
    height: 4px;
    border: 1px solid currentColor;
    border-radius: 50%;
    flex: 0 0 auto;
}

body.single-post .article-hero__title h1 {
    color: var(--contentPrimaryColor, #0a2753);
    max-width: none;
}

body.single-post .article-hero__lead {
    color: var(--contentPrimaryColor, #0a2753);
    max-width: 674px;
}

body.single-post .article-hero__meta {
    align-items: center;
    color: var(--primaryOpacity500, rgba(10, 39, 83, 0.5));
    gap: var(--gapX5, 20px);
}

body.single-post .article-hero__date,
body.single-post .article-hero__views {
    color: var(--primaryOpacity500, rgba(10, 39, 83, 0.5));
}

body.single-post .article-hero__views {
    gap: var(--gapX2, 8px);
}

body.single-post .article-hero__image {
    align-self: center;
    max-width: none !important;
    width: 100vw !important;
}

body.single-post .article-hero__image .swiper {
    width: 100%;
}

body.single-post .article-hero__image img,
body.single-post .article-hero__image .swiper,
body.single-post .article-hero__image .swiper-wrapper,
body.single-post .article-hero__image .swiper-slide {
    aspect-ratio: 16 / 9;
}

body.single-post .article-hero__image img {
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}

body.single-post .article-hero__image .swiper-slide img {
    height: 100%;
}

@media (max-width: 991.98px) {
    body.single-post .article-hero__crumb-col,
    body.single-post .article-hero__content {
        grid-column: span 12;
    }

    body.single-post .article-hero__mobile-head-space {
        display: block;
    }

    body.single-post .article-hero__lead {
        max-width: none;
    }
}