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

   Uses the shared page-shell classes (.bb-page-header, .bb-tab-row,
   .bb-shell-body, .bb-kv-rows, .bb-sidebar-card, .bb-cta-band, .bb-footer)
   from styles.css. This file holds only what's specific to this page: the
   header sizing (wider h1/lede than the standard shell header), the 2x2
   "what it does" grid, and the "walk through the drawings" sidebar card.
   ========================================================================== */

.ta-hub-h1 {
    max-width: 820px;
    margin-top: 20px;
}

.ta-hub-lede {
    font-size: 20px;
    line-height: 1.55;
    max-width: 720px;
}

.ta-hub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 40px;
    margin-top: 24px;
}

.ta-hub-grid-title {
    font: 700 17px 'Archivo', sans-serif;
    color: var(--text-dark);
}

.ta-hub-grid-item p {
    font-size: 15px;
    line-height: 1.6;
    color: #5b6b7a;
    margin: 8px 0 0;
}

@media (max-width: 900px) {
    .ta-hub-grid {
        grid-template-columns: 1fr;
    }
}