:root {
    --nb-article-detail-compound-1-category-and-date-link-color: var(--nb-text-color-primary);
    --nb-article-detail-compound-1-category-and-date-link-font-size: var(--nb-font-size-20);
    --nb-article-detail-compound-1-category-and-date-link-font-weight: var(--nb-font-weight-400);

    --nb-article-detail-compound-1-category-and-date-color: var(--nb-text-color-primary);
    --nb-article-detail-compound-1-category-and-date-font-size: var(--nb-font-size-18);
    --nb-article-detail-compound-1-category-and-date-font-weight: var(--nb-font-weight-400);

    --nb-article-detail-compound-1-category-and-date-line-height: 24px;
}

.article-detail-compound-1 > :not(:last-child){
    margin-bottom: var(--nb-spacer);
}

.article-detail-compound-1 .nb-text-editor h1,
.article-detail-compound-1 .nb-text-editor h2,
.article-detail-compound-1 .nb-text-editor h3,
.article-detail-compound-1 .nb-text-editor h4,
.article-detail-compound-1 .nb-text-editor h5,
.article-detail-compound-1 .nb-text-editor h6 {
    margin-bottom: 10px;
}

.article-detail-compound-1 .nb-text-editor .ckeditor-row {
    margin-left: 0;
    margin-right: 0;
}

.article-detail-compound-1 .category-and-date .nb-link {
    color: var(--nb-article-detail-compound-1-category-and-date-link-color);
    font-size: var(--nb-article-detail-compound-1-category-and-date-link-font-size);
    font-weight: var(--nb-article-detail-compound-1-category-and-date-link-font-weight);
}

.article-detail-compound-1 .category-and-date .nb-date {
    color: var(--nb-article-detail-compound-1-category-and-date-color);
    font-size: var(--nb-article-detail-compound-1-category-and-date-font-size);
    font-weight: var(--nb-article-detail-compound-1-category-and-date-font-weight);
}

.article-detail-compound-1 .category-and-date .nb-date {
    line-height: var(--nb-article-detail-compound-1-category-and-date-line-height);
}

.article-detail-compound-1 .category-and-date .nb-category ~ .nb-date {
    border-left: unset;
    padding-left: 0;
}

.article-detail-compound-1 .category-and-date .nb-category ~ .nb-date:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    background-color: currentColor;
    margin-right: 10px;
    vertical-align: middle;
}

@media screen and (max-width: 576px) {
    .article-detail-compound-1 .ckeditor-row .col-md-6 {
        flex: 0 0 100%;
    }
}

@media (max-width: 425px) {
    .article-detail-compound-1 > :not(:last-child){
        margin-bottom: 10px;
    }
}