/* SEIAA: the original page had no styles of its own (it used css/boards_shared.css). */
/* Its cards were all in one .bs-wrap; each block now has its own, so later ones drop the top padding. */
.bs-page > .bs-wrap ~ .bs-wrap { padding-top: 0; }
/* The page frame's css/page_sections.css drops the last paragraph's gap in a card; the original pages kept it. */
.bs-card .bs-cms-content p:last-child { margin-bottom: 14px; }

/* if the page has a table: its heading row deep green with bold yellow text, the rows below as usual */
html body .dz-page.bs-page .st-table thead th, html body .dz-page.bs-page .dz-table thead th { background: #0b3d2c !important; color: #f1c40f !important; font-weight: 700 !important; }

/* the cards in the lists (Core Mandates & Functions, Administrative Secretariat...): the site's light beige, as on the other pages */
html body .dz-page.bs-page .bs-cms-content li { background: #f2ede1; border-color: rgba(10, 46, 26, .08); box-shadow: none; }

/* the headings of those cards in the same deep green as the card headings on the FDCM page */
html body .dz-page.bs-page .bs-cms-content li strong { color: #1a472a; }

/* "Core Statutory Actions" cards: the icon in its own fixed space, then the heading starts after a clear gap, so all four headings line up */
html body .dz-page.bs-page .sei-act-title { display: flex; align-items: center; gap: 12px; }
html body .dz-page.bs-page .sei-act-title > i { flex: none; width: 24px; text-align: center; font-size: 1.15rem; }

/* the green top card: its bold words in yellow */
html body .dz-page .bs-card[style*="1a472a"] .bs-cms-content strong, html body .dz-page .bs-card[style*="1a472a"] .bs-cms-content b { color: #f1c40f !important; }

/* on a phone the Core Statutory Actions cards go one under another, so none runs past the screen */
@media (max-width: 700px) { html body .dz-page.bs-page .bs-cms-content > div[style*="repeat(2, 1fr)"] { grid-template-columns: 1fr !important; } html body .dz-page.bs-page .sei-act-title { min-width: 0; overflow-wrap: anywhere; } }