/*
 * "What Is a Quality of Earnings Report?" — an article built from content blocks.
 *
 * The blocks' own styles (components.css, .blog-prose / .blog-table) are set
 * here to the type every other article uses, as measured on "Surviving a
 * Quality of Earnings Review" (posts/quality-of-earnings-preparation.css):
 * body Public Sans 15/25 #4b535d, H2 23px and H3 17px in GT Walsheim Pro.
 * The two fractional CFO articles carry the same rules.
 */

.blog-post-main-content .blog-prose,
.blog-post-main-content .blog-prose p,
.blog-post-main-content .blog-prose ul,
.blog-post-main-content .blog-prose li {
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #4b535d;
}

.blog-post-main-content .blog-prose p {
    margin: 0 0 20px;
}

.blog-post-main-content .blog-prose ul {
    margin: 0 0 20px;
    padding-left: 22px;
    list-style: disc;
}

.blog-post-main-content .blog-prose li {
    margin: 0 0 8px;
}

.blog-post-main-content .blog-prose strong {
    font-weight: 600;
    color: #0a1119;
}

/* headings: the family is spelled with its fallback, as the widgets had it
   (without it the face renders narrower and headings wrap differently) */
.blog-post-main-content .blog-prose h2,
.blog-post-main-content .blog-prose h3 {
    font-family: "GT Walsheim Pro", sans-serif;
    color: #0a1119;
    width: fit-content;
}

.blog-post-main-content .blog-prose h2 {
    font-size: 23px;
    font-weight: 500;
    line-height: 33px;
    margin: 37px 0 17px;
}

.blog-post-main-content .blog-prose h3 {
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
    margin: 25px 0 5px;
}

/* consecutive blocks: the first heading of a block keeps the section gap */
.blog-post-main-content .blog-prose + .blog-prose {
    margin-top: 0;
}

.blog-post-main-content .blog-prose > :last-child {
    margin-bottom: 20px;
}

.blog-post-main-content .blog-table {
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #4b535d;
    margin: 0; /* the theme's table margin would stack on the wrapper's */
}

@media (max-width: 767px) {
    .blog-post-main-content .blog-prose h2 {
        margin: 50px 0 10px;
    }
}