.th-dore .text-only {
    --link: var(--ocre-100);
    --link-hover: var(--neutre-100)
}
.th-light .text-only {
    --link: var(--ocre-60);
    --link-hover: var(--ocre-100)
}
.th-dark .text-only {
    --link: var(--neutre-100);
    --link-hover: var(--ocre-100)
}

.text-only {
    padding: 0 20px;
}
.text-only .co-text .co-text--content {
    display: flex;
    flex-direction: column;
}

.text-only .co-text .co-text--content p{
    max-width: 100%;
}

.text-only .co-text .co-text--content ul {
    list-style: disc;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.text-only .co-text .co-text--content ul li{
    font-family: var(--roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.text-only .co-text .co-text--content ul + h2 {
    margin-top: 32px;
}

.text-only .co-text .co-text--content ul + p,
.text-only .co-text .co-text--content p + ul {
    margin-top: 32px;
}

.text-only .co-text .co-text--content .uptitle.is-left { text-align: left; }
.text-only .co-text .co-text--content .uptitle.is-center { text-align: center; }
.text-only .co-text .co-text--content .uptitle.is-right { text-align: right; }

.text-only .co-text .co-text--content .co-text--content-btn {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.text-only .co-text .co-text--content .co-text--content-btn.is-left { justify-content: flex-start; }
.text-only .co-text .co-text--content .co-text--content-btn.is-center { justify-content: center; }
.text-only .co-text .co-text--content .co-text--content-btn.is-right { justify-content: flex-end; }

.acf-block-preview .text-only .co-text .co-text--content .co-text--content-btn.is-left { justify-content: flex-start !important; }
.acf-block-preview .text-only .co-text .co-text--content .co-text--content-btn.is-center { justify-content: center !important; }
.acf-block-preview .text-only .co-text .co-text--content .co-text--content-btn.is-right { justify-content: flex-end !important; }

.text-only .text-only--container .co-text .co-text--content > :not(.co-text--content-btn) a {
    text-decoration-line: underline;
    color: var(--link);
    transition: color 0.3s ease;
}

@media (hover: hover) {
    .text-only .text-only--container .co-text .co-text--content > :not(.co-text--content-btn) a:hover {
        color: var(--link-hover);
    }
}