.cc-body {
    background: #2f2e2c;
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 4vw, 50px);
    padding: 50px 0 100px 0;
    margin-bottom: 0;
}

.cc-body__content {
    column-count: 2;
    column-gap: clamp(30px, 4vw, 60px);
}

.cc-body__content>* {
    break-inside: avoid;
    margin-bottom: 1.2rem;
    margin-block-start: 0px;
    font-size: 1.1rem;
}

.cc-body__content h2,
.cc-body__content h3 {
    margin-top: 0;
    font-size: 1.3rem;
}

.cc-body__content ul,
.cc-body__content ol {
    padding-left: 1.2em;
}

.cc-body__cta {
    margin-top: 1.5rem;
    break-inside: avoid;
}

@media (max-width: 960px) {
    .sw-hero {
        grid-template-columns: 1fr;
    }

    .cc-body__content {
        column-count: 1;
    }
}




.cc-body {
    position: relative;
    z-index: 0;
}

.cc-body::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: var(--wp--preset--color--darkmode);
    z-index: -1;
    pointer-events: none;
}