/*
 * "Surviving a Quality of Earnings Review" — article body.
 *
 * The body is plain HTML inside .frak-article (headings, paragraphs, quotes);
 * these rules reproduce what the exported Elementor widgets used to set per
 * element. The quote box itself (dark panel, quote mark, corner graphic,
 * responsive padding) still comes from the theme's blockquote rules in site.css.
 */

/* body text: what every text-editor widget set */
.blog-post-main-content .frak-article {
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #4b535d;
}

.blog-post-main-content .frak-article > p {
    font: inherit;
    color: inherit;
    margin: 0 0 20px;
}

.blog-post-main-content .frak-article a {
    color: #0a1119;
}

/* headings keep the post template's size and leading; the family is spelled
   with its fallback, as the widgets had it (without it the face renders narrower) */
.blog-post-main-content .frak-article > h2,
.blog-post-main-content .frak-article > h3 {
    font-family: "GT Walsheim Pro", sans-serif;
    width: fit-content; /* the widget sized the heading to its text */
}

.blog-post-main-content .frak-article > h2 {
    margin: 37px 0 17px;
}

.blog-post-main-content .frak-article > h3 {
    margin: 25px 0 5px;
}

/* quotes: the theme panel, with the article's 15px type instead of the theme's 18px */
.blog-post-main-content .frak-article > blockquote {
    color: #fff;
    margin: 35px 0;
}

.blog-post-main-content .frak-article > blockquote p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 20px;
}

.blog-post-main-content .frak-article > blockquote > :last-child,
.blog-post-main-content .frak-article > :last-child {
    margin-bottom: 0;
}

.blog-post-main-content .frak-article > :first-child {
    margin-top: 0;
}

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