/*
    Block: Simple Text Content
    Note: Selectors must start with .block-simple-text-content
*/

@layer blocks {
    .block-simple-text-content .text-content {
        border-top: 1px solid rgb(from var(--c-dark-blue) r g b / 0.15);
        padding-top: 3.75rem;
        padding-right: 9.66%;
        max-width: 75%;
    }

    .block-simple-text-content .text-content a {
        color: var(--c-dark-blue);
    }

    @media screen and (width <= 920px) {
        .block-simple-text-content .text-content {
            padding-top: 3.125rem;
        }
        .block-simple-text-content .text-content > * {
            --gap: 2.5rem;
        }
    }

    @media screen and (width <= 620px) {
        .block-simple-text-content .text-content {
            padding-top: 3.125rem;
            max-width: 100%;
            padding-right: 0;
        }
    }
}