.page-template-paid-roundup,
.post-template-paid-roundup {
    header.wp-block-template-part {
        position: relative;
        margin-top: 0 !important;
    }

    .header-container--paid .header-row>.wp-block-group {
        padding: 0 !important;
    }

    .header-row .wp-block-image {
        height: 56px;
        align-content: center;
        margin: 0 !important;
    }

    .paid-roundup-header-container {
        padding: 48px 12px 0;
        background-position: center;
        background-size: cover;
        position: relative;
        margin: 0;

        >* {
            z-index: 2;
            position: relative;
        }
    }

    .paid-roundup-header-container.has-bg-img {
        padding: 48px 12px;

        &::before {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            background-color: var(--wp--preset--color--black);
            opacity: 0.65;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            mix-blend-mode: multiply;
        }

        &::after {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            backdrop-filter: blur(8px);
        }

        .updated-container {
            >div {
                background-color: var(--wp--preset--color--light-blue);
                color: var(--wp--preset--color--black);
            }
        }

        .wp-block-post-title {
            color: var(--wp--preset--color--white);
        }

        .p4-blocks-standard-byline {
            margin-top: 12px;
        }
    }

    .updated-container {
        display: flex;
        flex-direction: row;

        >div {
            display: flex;
            border-radius: 999px;
            background-color: var(--wp--preset--color--black);
            color: var(--wp--preset--color--white);
            padding: 6px 16px 4px;
            gap: 4px;
            font-size: 14px;
            line-height: 1.4;
            letter-spacing: 2px;
            font-weight: 500;
            font-family: var(--wp--preset--font-family--graphik-compact);
        }

        >* {
            margin: 0 !important;
        }
    }

    .wp-block-post-title {
        color: var(--wp--preset--color--black);
        margin-top: 16px;
        font-family: var(--wp--preset--font-family--inria-serif);
        line-height: 1.1;
        font-size: 48px;
        font-weight: 700;
    }

    .p4-blocks-standard-byline {
        margin-top: 48px;
    }

    .main-container {
        padding: 48px 12px;
        margin: 0;
    }

    .roundup-card__container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 8px;
    }

    .roundup-card__container .wp-block-buttons {
        width: 100%;
        display: block;
    }

    .roundup-card__container .wp-block-buttons .wp-block-button__link {
        padding: 12px 24px;
    }
}

@media screen and (min-width: 620px) {

    .page-template-paid-roundup,
    .post-template-paid-roundup {
        .main-container {
            padding-top: 48px;
            padding-bottom: 48px;
        }
    }
}

@media screen and (min-width: 1024px) {

    .page-template-paid-roundup,
    .post-template-paid-roundup {

        .wp-block-post-title {
            font-size: 64px;
        }

        .roundup-card__container {
            grid-template-columns: repeat(3, 1fr);
            gap: 48px 8px;
        }

    }
}