/* Content Intro — heading + lead + optional sub-list + note. */
.content-intro { background: var(--brand-white); padding: 100px 0; }
.content-intro h2 { margin-bottom: 32px; }
.content-intro-stack { display: flex; flex-direction: column; gap: 24px; max-width: 900px; }
.content-intro-stack p { font-family: var(--font-body); font-size: 18px; line-height: 26px; color: var(--brand-dark-grey); margin: 0; }
.content-intro-stack strong { font-weight: 600; color: var(--brand-teal); }
.content-intro-stack em { font-style: italic; }
/* Rich-text content (WYSIWYG) produces a plain <ul> — reuse the site's
   dash-marker look so admin-authored lists still match the brand style. */
.content-intro-stack ul { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.content-intro-stack ul li {
    position: relative;
    padding-left: 20px;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 24px;
    color: var(--brand-dark-grey);
}
.content-intro-stack ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 2px;
    background: var(--brand-teal);
}

@media (max-width: 767.98px) {
    .content-intro { padding: 56px 0; }
}