/* Wealth Notes section 03, using the existing Bootstrap grid and public tokens. */
.wealth-category-section { padding-block:0 var(--public-section-space); }
.wealth-category-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:30px; }
.wealth-category-heading > div { min-width:0; max-width:680px; }
.wealth-category-view-all[hidden], .wealth-category-section [hidden] { display:none!important; }
.wealth-category-card { height:100%; display:flex; flex-direction:column; border:1px solid #e5eaf0; border-radius:11px; overflow:hidden; box-shadow:0 4px 15px #08264c06; background:#fff; color:var(--public-heading-color); text-decoration:none; }
.wealth-category-image { width:100%; aspect-ratio:2.27; height:auto; object-fit:cover; display:block; }
.wealth-category-copy { padding:18px 20px 20px; }
.wealth-category-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wealth-category-card-heading > div { min-width:0; }
.wealth-category-section .wealth-category-card h3 { font-size:clamp(20px,1.5vw,24px); line-height:1.25; margin:0 0 7px; overflow-wrap:anywhere; }
.wealth-category-card h3 strong { font-weight:700; }
.wealth-category-counts { display:flex; flex-wrap:wrap; gap:5px 12px; font-size:14px; line-height:1.5; color:var(--public-description-color); }
.wealth-category-counts > span:first-child { color:#996000; font-weight:600; }
.wealth-category-counts > span + span { border-left:1px solid #cdd5df; padding-left:12px; }
.wealth-category-arrow { width:44px; height:44px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; background:#fff0cf; }
.wealth-category-section .wealth-category-copy p { margin:12px 0 0; color:var(--public-description-color); font-size:var(--public-description-size); line-height:var(--public-description-leading); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.wealth-category-card:hover, .wealth-category-card.active { border-color:var(--public-highlight-color); color:var(--public-heading-color); }
.wealth-category-section :is(a,button):focus-visible { outline:3px solid var(--public-focus-color); outline-offset:3px; }
@media(max-width:767px) { .wealth-category-heading { align-items:flex-start; flex-direction:column; gap:20px; } }

/* Keep Bootstrap row gutters inside the public section shell. */
.sofl-public-wealth .wealth-content :is(#wealth-categories,.wealth-discover-grid) { margin-inline:0; }