.card:not(.section-guides-hub .card:nth-child(2)):not(:first-child)::before,
.card:not(.section-guides-hub .card:nth-child(2)):not(:first-child)::after {
    content: "";
    position: absolute;
    background: var(--gray);
}

@media (min-width: 768px) {
   .section-blog-hub .card:not(:nth-child(2n))::before,
    .section-guides-hub .card:not(:nth-child(2n+1))::before,
    .section-webinars-hub .card:not(:first-child):not(:nth-child(3n+2))::before {
        top: 0;
        left: calc(var(--spacer--xxxl) * -0.5);
        width: 1px;
        height: 100%;
    }

    .section-blog-hub .card:not(:nth-last-child(-n+2))::after,
    .section-guides-hub .card:not(:nth-last-child(-n+2))::after ,
    .section-webinars-hub .card:not(:nth-last-child(-n+3))::after {
        right: 0;
        bottom: calc(var(--spacer--xxxl) * -0.5);
        width: 100%;
        height: 1px;
    }

    .section-articles-hub .card:first-child,
    .section-blog-hub .card:first-child,
    .section-guides-hub .card:first-child,
    .section-guides-hub .card:nth-child(2) {
        grid-column: span 2;
    }

    .section-webinars-hub .card:first-child {
        grid-column: span 3;
    }

    .section-articles-hub .card .card__image,
    .section-blog-hub .card:first-child .card__image,
    .section-webinars-hub .card:first-child .card__image,
    .section-guides-hub .card:first-child .card__image,
    .section-guides-hub .card:nth-child(2) .card__image {
        grid-column: 1 / span 8;
    }

    .section-articles-hub .card:has(.card__image) .card__content,
    .section-blog-hub .card:first-child:has(.card__image) .card__content,
    .section-webinars-hub .card:first-child:has(.card__image) .card__content,
    .section-guides-hub .card:first-child:has(.card__image) .card__content,
    .section-guides-hub .card:nth-child(2):has(.card__image) .card__content {
        grid-column: 9 / span 4;
    }


    .section-articles-hub .card .card__image img,
    .section-blog-hub .card:first-child .card__image img,
    .section-guides-hub .card:first-child .card__image img {
        aspect-ratio: 3 / 2;
    }

    .section-guides-hub .card:nth-child(2) .card__image img {
        aspect-ratio: 6 / 2;
    }

    .section-guides-hub .card:nth-child(2) .card__image {
        grid-column: 5 / span 8;
        grid-row: 1;
    }

    .section-guides-hub .card:nth-child(2):has(.card__image) .card__content {
        grid-column: 1 / span 4;
        grid-row: 1;
    }
}

.hub-filters__article {
    padding: 0;
}

@media (min-width: 768px) {
    .hub-filters__article {
        padding: var(--spacer--xxxl) 0;
    }
}