@layer components {
.content-body {
    color: var(--color-text-secondary);
    font-family: var(--font-family-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: 0;
}

.content-body > * + * {
    margin-top: 16px;
}

.content-body h2 {
    color: var(--color-brand-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.08;
}

.content-body h3 {
    color: var(--color-text-secondary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
}

.content-body :is(ol, ul) {
    padding-left: 1.25em;
}

.content-body ol {
    list-style: decimal;
}

.content-body ul {
    list-style: disc;
}

.content-body li + li {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .content-body h2 {
        font-size: 18px;
    }
}

}