/* Unified article typography: keeps the content hierarchy, but removes the
 * excessive jumps between the article body, FAQ and sidebar blocks. */
.blog-article-hero h1 {
    font-size: clamp(36px, 4.5vw, 56px);
}

.blog-content h2 {
    font-size: 32px;
}

.blog-toc a {
    font-size: 14px;
    line-height: 1.5;
}

.blog-toc .is-level-3 a {
    font-size: 12.5px;
}

.blog-service-links span {
    font-size: 14px;
}

.blog-faq p {
    font-size: 16px;
    line-height: 1.65;
}

@media (max-width: 760px) {
    .blog-article-hero h1 {
        font-size: 37px;
    }

    .blog-content h2 {
        font-size: 28px;
    }

    .blog-toc a {
        font-size: 14px;
    }

    .blog-toc .is-level-3 a {
        font-size: 13px;
    }

    .blog-service-links span {
        font-size: 14px;
    }

    .blog-faq p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .blog-article-hero h1 {
        font-size: 33px;
    }

    .blog-content h2 {
        font-size: 26px;
    }
}