.content-editor {
    font-weight: 300;
    font-size: 16rem;
    line-height: 1.3;
    color: var(--color-gray-700);
}

.content-editor h2,
.content-editor h3,
.content-editor h4,
.content-editor h5,
.content-editor h6 {
    font-weight: 700;
    scroll-margin-top: calc(var(--header-height) + 10rem);
}
.content-editor h3,
.content-editor h4,
.content-editor h5,
.content-editor h6,
.content-editor ul,
.content-editor ol,
.content-editor blockquote {
    color: var(--color-gray-900);
}

.content-editor h2:not(:first-child),
.content-editor h3:not(:first-child),
.content-editor h4:not(:first-child),
.content-editor h5:not(:first-child),
.content-editor h6:not(:first-child),
.content-editor blockquote:not(:first-child),
.content-editor .wp-block-image:not(:first-child) {
    margin-top: 24rem;
}

.content-editor h2 {
    font-size: 32rem;
    color: var(--color-primary);
}

.content-editor h3 {
    font-size: 30rem;
}

.content-editor h4 {
    font-size: 24rem;
}

.content-editor h5 {
    font-size: 20rem;
}

.content-editor h6 {
    font-size: 18rem;
}

.content-editor p:not(:first-child),
.content-editor ul:not(:first-child),
.content-editor ol:not(:first-child),
.content-editor .wp-block-table:not(:first-child) {
    margin-top: 16rem;
}

.content-editor ul > li {
    position: relative;
    padding-left: 24rem;
}

.content-editor ul > li:before {
    content: '';
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/wp-content/themes/build/assets/img/icons/full-circle-check.svg') center / contain no-repeat;
}

.content-editor ol {
    counter-reset: contentEditorOlCounter;
}

.content-editor ol > li {
    position: relative;
    counter-increment: contentEditorOlCounter;
    padding-left: 31rem;
}

.content-editor ol > li:nth-child(1),
.content-editor ol > li:nth-child(2),
.content-editor ol > li:nth-child(3),
.content-editor ol > li:nth-child(4),
.content-editor ol > li:nth-child(5),
.content-editor ol > li:nth-child(6),
.content-editor ol > li:nth-child(7),
.content-editor ol > li:nth-child(8),
.content-editor ol > li:nth-child(9){
    padding-left: 21rem;
}

.content-editor ol > li:before {
    content: counter(contentEditorOlCounter) '.';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: var(--color-black);
}

.content-editor ul > li:not(:first-child),
.content-editor ol > li:not(:first-child) {
    margin-top: 8rem;
}

.content-editor .wp-block-table {
    overflow-x: auto;
    margin: 0 calc(var(--container-padding-x) * -1);
    padding: 0 var(--container-padding-x);
}

.content-editor .wp-block-table::-webkit-scrollbar {
    width: 8rem;
    height: 8rem;
}

.content-editor .wp-block-table::-webkit-scrollbar-track {
    background-color: var(--color-primary-extra-light);
    border-radius: 4rem;
}

.content-editor .wp-block-table::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 4rem;
}

.content-editor table {
    line-height: 22rem;
    border-collapse: separate;
    border-spacing: 14rem;
}

.content-editor .wp-block-table table {
    min-width: max-content;
    table-layout: auto;
    margin: 0 -14rem;
}

.content-editor table td {
    min-width: 226rem;
    max-width: 452rem;
    background-color: var(--color-gray-100);
    border: 1rem solid var(--color-gray-200);
    padding: 20rem 27rem;
}

.content-editor blockquote {
    position: relative;
    background-color: var(--color-gray-100);
    border-radius: var(--border-radius-lg);
    padding: 64rem 16rem 24rem;
    font-size: 14rem;
}

.content-editor blockquote:before {
    content: '';
    width: 24rem;
    height: 24rem;
    position: absolute;
    top: 24rem;
    left: 16rem;
    background: url('/wp-content/themes/build/assets/img/icons/quotes.svg') center / contain no-repeat;
}

.content-editor img {
    width: 100%;
    border-radius: var(--border-radius-lg);
}

.content-editor figcaption {
    font-size: 18rem;
    margin: 0;
}

.content-editor figcaption:not(:first-child) {
    margin-top: 16rem;
}

.content-editor strong {
    font-weight: 700;
}

@media screen and (min-width: 576px) {
    .content-editor .wp-block-table {
        margin: 0 -14rem;
        padding: 0 14rem;
    }
}

@media screen and (min-width: 768px) {
    .content-editor h2:not(:first-child),
    .content-editor h3:not(:first-child),
    .content-editor h4:not(:first-child),
    .content-editor h5:not(:first-child),
    .content-editor h6:not(:first-child),
    .content-editor blockquote:not(:first-child),
    .content-editor .wp-block-image:not(:first-child) {
        margin-top: 64rem;
    }

    .content-editor h2 {
        font-size: 48rem;
    }
    
    .content-editor h3 {
        font-size: 40rem;
    }

    .content-editor blockquote {
        padding-left: 55rem;
        padding-right: 95rem;
    }

    .content-editor blockquote:before {
        left: 55rem;
    }
}