/* Shared long-form typography for pages, posts and future editorial content. */
:root {
    --dq-content-size: 18px;
    --dq-content-leading: 1.75;
    --dq-content-h1: clamp(38px, 3.3vw, 48px);
    --dq-content-h2: clamp(29px, 2.4vw, 34px);
    --dq-content-h3: clamp(23px, 1.8vw, 26px);
    --dq-content-h4: 21px;
}

body .dq-page-content.dq-richtext,
body.single-post .dq-article-content.dq-richtext,
body .dq-single > .dq-richtext,
body .dq-expert-profile__content.dq-richtext,
body .dq-content-reader__body.dq-richtext,
body .dq-term-seo .dq-richtext,
body .dq-product-panel.dq-richtext {
    color: #282828;
    font-family: var(--dq-font, "Segoe UI", Arial, sans-serif);
    font-size: var(--dq-content-size);
    line-height: var(--dq-content-leading);
}

body .dq-page-content.dq-richtext h1,
body.single-post .dq-article-header h1,
body .dq-single > h1 {
    margin: 0 0 28px;
    color: #111;
    font-family: var(--dq-font, "Segoe UI", Arial, sans-serif);
    font-size: var(--dq-content-h1);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.025em;
}

body.single-post .dq-article-header h1 {
    margin-bottom: 15px;
}

body .dq-page-content.dq-richtext h2,
body.single-post .dq-article-content.dq-richtext h2,
body .dq-single > .dq-richtext h2,
body .dq-expert-profile__content.dq-richtext h2,
body .dq-content-reader__body.dq-richtext h2,
body .dq-term-seo .dq-richtext h2,
body .dq-product-panel.dq-richtext h2 {
    margin: 44px 0 16px;
    color: #111;
    font-size: var(--dq-content-h2);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.018em;
}

body .dq-page-content.dq-richtext h3,
body.single-post .dq-article-content.dq-richtext h3,
body .dq-single > .dq-richtext h3,
body .dq-expert-profile__content.dq-richtext h3,
body .dq-content-reader__body.dq-richtext h3,
body .dq-term-seo .dq-richtext h3,
body .dq-product-panel.dq-richtext h3 {
    margin: 32px 0 12px;
    color: #171717;
    font-size: var(--dq-content-h3);
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.012em;
}

body .dq-page-content.dq-richtext h4,
body.single-post .dq-article-content.dq-richtext h4,
body .dq-single > .dq-richtext h4,
body .dq-expert-profile__content.dq-richtext h4,
body .dq-content-reader__body.dq-richtext h4,
body .dq-term-seo .dq-richtext h4,
body .dq-product-panel.dq-richtext h4 {
    margin: 28px 0 10px;
    color: #202020;
    font-size: var(--dq-content-h4);
    font-weight: 700;
    line-height: 1.35;
}

body .dq-page-content.dq-richtext p,
body.single-post .dq-article-content.dq-richtext p,
body .dq-single > .dq-richtext p,
body .dq-expert-profile__content.dq-richtext p,
body .dq-content-reader__body.dq-richtext p,
body .dq-term-seo .dq-richtext p,
body .dq-product-panel.dq-richtext p {
    margin: 0 0 20px;
}

body.page main .dq-richtext p,
body.page main .dq-richtext li,
body.single-post .dq-article-content.dq-richtext p,
body.single-post .dq-article-content.dq-richtext li,
body.single-dq_product .dq-product-panel.dq-richtext p,
body.single-dq_product .dq-product-panel.dq-richtext li,
body.single-dq_product .dq-product-summary__short-description p,
body .dq-single > .dq-richtext p,
body .dq-single > .dq-richtext li {
    text-align: justify;
    text-justify: inter-word;
}

body .dq-page-content.dq-richtext ul,
body .dq-page-content.dq-richtext ol,
body.single-post .dq-article-content.dq-richtext ul,
body.single-post .dq-article-content.dq-richtext ol,
body .dq-single > .dq-richtext ul,
body .dq-single > .dq-richtext ol,
body .dq-content-reader__body.dq-richtext ul,
body .dq-content-reader__body.dq-richtext ol,
body .dq-product-panel.dq-richtext ul,
body .dq-product-panel.dq-richtext ol {
    margin: 0 0 22px;
    padding-left: 28px;
}

body .dq-page-content.dq-richtext li,
body.single-post .dq-article-content.dq-richtext li,
body .dq-single > .dq-richtext li,
body .dq-content-reader__body.dq-richtext li,
body .dq-product-panel.dq-richtext li {
    margin-bottom: 7px;
}

@media (max-width: 600px) {
    :root {
        --dq-content-size: 17px;
        --dq-content-leading: 1.7;
        --dq-content-h1: 34px;
        --dq-content-h2: 27px;
        --dq-content-h3: 22px;
        --dq-content-h4: 19px;
    }

    body .dq-page-content.dq-richtext h1,
    body.single-post .dq-article-header h1,
    body .dq-single > h1 {
        margin-bottom: 22px;
        line-height: 1.2;
    }

    body.single-post .dq-article-header h1 {
        margin-bottom: 12px;
    }

    body .dq-page-content.dq-richtext h2,
    body.single-post .dq-article-content.dq-richtext h2,
    body .dq-single > .dq-richtext h2,
    body .dq-expert-profile__content.dq-richtext h2,
    body .dq-content-reader__body.dq-richtext h2,
    body .dq-term-seo .dq-richtext h2,
    body .dq-product-panel.dq-richtext h2 {
        margin-top: 36px;
    }
}