/**
 * @license MIT, https://opensource.org/license/MIT
 */

:root {
    --pico-block-spacing-vertical: 0;
    --pico-block-spacing-horizontal: 0;
}

.type-page main .cms-content > * {
    margin-block: 0.75rem;
}

.cms-content .container {
    padding: 4rem min(5%, 2rem);
}

main .cms-content > :nth-child(even of :not(.heading)) {
    background-color: var(--pico-muted-background-color);
}

main .cms-content > .heading:has(+ :nth-child(even of :not(.heading))) {
    background-color: var(--pico-muted-background-color);
}

main .cms-content > :nth-child(4n of :not(.heading)),
main .cms-content > .heading:has(+ :nth-child(4n of :not(.heading))) {
    background-color: #111827;
    --pico-color: #FFFFFF;
    --pico-background-color: #111827;
    --pico-h1-color: #FFFFFF;
    --pico-h2-color: #FFFFFF;
    --pico-h3-color: #FFFFFF;
    --pico-h4-color: #FFFFFF;
    --pico-muted-color: #9CA3AF;
    --pico-muted-border-color: #CCD3DF;
    --pico-muted-background-color: #1F2937;
    --pico-contrast: #FFFFFF;
    --pico-contrast-background: #111827;
    --pico-contrast-inverse: #111827;
    --pico-contrast-border: #374151;
    --pico-contrast-hover-border: #4B5563;
    --pico-box-shadow: none;
}

main .heading h1,
main .heading h2,
main .heading h3 {
    margin: 0;
}

main .heading h1,
main .heading h2 {
    text-align: center;
}

.container h1:first-child,
.container h2:first-child,
.container h3:first-child {
    margin-top: 0;
}

.text p:last-of-type {
    margin-bottom: 0;
}

.text {
    color: var(--pico-muted-color);
    font-size: var(--pico-font-size);
    line-height: 1.625;
}

.cms-content .text .container {
    max-width: 50rem;
    margin: auto;
}

main .cms-content > :nth-child(even of :not(.heading)) .image-text .grid-start .image,
main .cms-content > :nth-child(even of :not(.heading)) .image-text .grid-end .image {
    background-color: var(--pico-contrast-inverse);
}

@media screen and (min-width: 768px) {
    .cms-content .container {
        padding: 6rem min(5%, 2rem);
    }
}
