/* ==================================================================
   Fun articles from content files (site/modules/php/articles.php).
   WCBW only, 2026-10-02. Text blocks look like the answers in the
   articles Anthony already converted to shortcodes (.faq-answer), and
   line up with the other brochure blocks.
   ================================================================== */

.article-text {
    font-family: inherit !important; /* same font as the .faq-answer text next to it (2026-10-02) */
    font-size: calc(10.5pt * var(--lang-font-scale)) !important;
    line-height: 1.5 !important;
    color: var(--color-text-dark) !important;
    margin: 1.4em 0 !important; /* same spacing as .faq-item */
}
.article-text p { margin: 0 0 1em 0 !important; }
.article-text p:last-child { margin-bottom: 0 !important; }

/* Top-level blocks (not inside an accordion): same inset as two_col cards. */
.wcbw-article-body > .brochure-container > .article-text,
.wcbw-article-body > .brochure-container > .article-heading {
    margin-left: var(--two-col-inset, 16px) !important;
    margin-right: var(--two-col-inset, 16px) !important;
}

.article-heading { margin: 1.2em 0 0.6em 0 !important; }

.article-divider {
    border: 0 !important;
    border-top: 1px solid rgba(var(--color-primary-rgb, 63, 96, 88), 0.25) !important;
    margin: 2em var(--two-col-inset, 16px) !important;
}

.article-embed { text-align: center !important; margin: 1.5em auto !important; }

.wcbw-article-heading { margin-top: 0.4em !important; }
.wcbw-article-comments { margin-top: 2em !important; }

/* Quotes inside an accordion get the same breathing room as images. */
.faq-accordion-content > .beautiful-blockquote { margin: 1.4em 0 !important; }

/* Gap between accordions (2026-10-02, per Anthony): the same gap and edge
   inset as the one-question accordions on other pages (.faq-accordion--single). */
.wcbw-article-body > .brochure-container > .faq-accordion {
    margin: 0 var(--two-col-inset, 16px) 0.6em var(--two-col-inset, 16px) !important;
}
.faq-accordion-content > .nested-accordion {
    margin: 0.6em 0 !important;
}