/* Role bridge for imported pages. Sizes remain distinct for display, chapters,
   cards and metadata; !important is confined to legacy inline type overrides. */
.costello-system :is(main,#dc-root) :is(h1,h2,h3):not(#recognition-title):not(.faq2-label){font-family:var(--ff-serif)!important;font-weight:var(--fw-serif)!important;letter-spacing:var(--ls-display)!important}
.costello-system :is(main,#dc-root) h1{line-height:var(--lh-display)!important}
.costello-system :is(main,#dc-root) :is(h2,h3):not(#recognition-title):not(.faq2-label){line-height:var(--lh-heading)!important}
.costello-system :is(.people-opening,.bio-hero,.faq2-hero,.contact-opening) h1{font-size:var(--fs-title)!important}
.costello-system :is(.copy-section,.people-close,.faq2-closing,.contact-exchange,.contact-location) h2{font-size:var(--fs-chapter)}
.costello-system :is(.about2-body,.faq2-body,.faq2-answer p,.directory-distinction,.home-team-copy,.copy-section>div>p){font-family:var(--ff-sans);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:normal}
.costello-system :is(.eyebrow,.about2-kicker,.about-open-eyebrow,.faq2-kicker,.faq2-label,.mono,.home-team-label,.referral-eyebrow),
.homepage-system #dc-root p[style*="Costello Mono"]{font-family:var(--ff-mono)!important;font-size:var(--fs-eyebrow)!important;font-weight:var(--fw-eyebrow)!important;line-height:var(--lh-eyebrow)!important;letter-spacing:var(--ls-eyebrow)!important}
.costello-system .c-header--site .c-nav a,
.costello-system :is(.c-btn,.btn,.c-menu-close){font-family:var(--ff-sans)!important;font-weight:var(--fw-ui)!important;font-size:var(--fs-ui)!important;line-height:var(--lh-ui)!important;letter-spacing:normal!important}
@media(max-width:900px){.costello-system :is(main,#dc-root) h1{line-height:var(--lh-display-sm)!important}}
/* Keep review intake controls readable and touch-sized on tablets as on phones. */
@media(max-width:900px){
 .costello-system .intake input:not([type=checkbox]):not([type=radio]),
 .costello-system .intake select{font-size:16px;min-height:48px;min-width:0;max-width:100%}
 .costello-system .intake label:has(input[type=checkbox]){min-height:44px;padding-block:10px}
 .costello-system .intake button{min-height:44px}
}