/* ==========================================================================
   BancBridge TreasuryAgent FAQs
   Ported from design handoff: "TreasuryAgent FAQs.dc.html"

   Uses the shared page-shell classes (.bb-page-header, .bb-shell-body,
   .bb-sidebar-card, .bb-pullquote, .bb-cta-band, .bb-footer) from styles.css.
   This file holds only what's specific to the FAQ page: the back-link, the
   Q&A list, and the two long-form essay sections (which use real <ul>
   bullets, unlike the bordered-row pattern used elsewhere in the shell).
   ========================================================================== */

/* Q&A list */
.faq-item {
    padding: 26px 0;
    border-top: 1px solid var(--card-border);
}

.faq-item h3 {
    font-size: 19px;
    line-height: 1.35;
    color: var(--text-dark);
    text-wrap: pretty;
}

.faq-item p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-body);
    margin: 10px 0 0;
    text-wrap: pretty;
}

/* Long-form essay sections */
.bb-shell-main h3.faq-subhead {
    font-size: 19px;
    color: var(--text-dark);
    margin: 32px 0 0;
}

.bb-shell-main ul {
    margin: 14px 0 0;
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bb-shell-main ul li {
    font-size: 16px;
    line-height: 1.65;
    color: var(--text-body);
}