/* Blog-only runtime fixes: filtering borders + aligned "What next" cards. */

.blog-latest__card {
    border-right: 1px solid #343434 !important;
}

.blog-latest__card.is-blog-row-end {
    border-right: 0 !important;
}

@media (min-width: 1181px) {
    .blog-next__grid {
        align-items: stretch;
        overflow: hidden;
    }

    .blog-next__card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .blog-next__card a {
        margin-top: auto;
    }
}

@media (max-width: 1180px) and (min-width: 761px) {
    .blog-latest__card.is-blog-row-end {
        border-right: 0 !important;
    }
}

@media (max-width: 760px) {
    .blog-latest__card {
        border-right: 0 !important;
    }
}

/* Click-through links to blog detail pages without changing approved card geometry. */
.blog-featured__main,
.blog-latest__card {
    position: relative;
}

.blog-featured__main-link,
.blog-latest__card-link {
    position: absolute;
    z-index: 5;
    inset: 0;
    overflow: hidden;
    text-indent: -999px;
}

.blog-latest__card > *:not(.blog-latest__card-link) {
    position: relative;
}

.blog-featured__side-card a {
    position: relative;
    z-index: 6;
}
