/* Headings have a shared hierarchy; data tables/charts retain local type sizes. */
:root{--type-page:32px;--type-group:24px;--type-card:20px;--type-caption:12px}
main>.hero h1,main>.hub-head h1{font-size:var(--type-page)!important;line-height:1.3!important;font-weight:700;letter-spacing:-.6px}
.dashboard-section>h2,.summary-title,.investor-hero h1{font-size:var(--type-group)!important;line-height:1.4!important;font-weight:700;letter-spacing:-.4px}
.dashboard-card>h3,.portfolio-card>.panel-head h2,.analysis-section>.section-title h2,
body.analysis-compact section>.heading h3,body.analysis-compact section>.section-title h2,body.analysis-compact section>h3{font-size:var(--type-card)!important;line-height:1.4!important;font-weight:700;letter-spacing:-.3px}
.dashboard-card>h3,.portfolio-card>.panel-head h2,.analysis-section>.section-title h2{margin-top:0}
@media(max-width:760px){:root{--type-page:26px;--type-group:22px;--type-card:18px}}

body.analysis-compact #analysis.summary-title{font-size:var(--type-group)!important}
