/* Keep supporting labels readable across phone and desktop layouts. */
.eyebrow,.hero .eyebrow,.app-section .eyebrow,.dialog-heading .eyebrow,.badge,.reference,.file-type,.art-caption span,.corner-mark,.hero-note,.section-footnote,.brand small,.footer-top .brand small,.contact address span,.footer-bottom,.plain-button,.small-note,form .small-note,.participate-grid p.small-note,.person p{font-size:14px}
.value p,.priority-list p,.document p,.governance-grid p,.person p,.status-band p{font-size:16px}
.eyebrow{letter-spacing:.10em}.hero .eyebrow{max-width:450px}.art-caption span{letter-spacing:.09em}
.topline,.topline a,.topline>span{font-size:14px;letter-spacing:.03em}
@media(max-width:800px){.topline>a{display:none}.brand small{font-size:14px}.brand strong{font-size:25px}.brand img{width:48px;height:48px}.brand{gap:8px}.menu-toggle{padding:10px}.menu-toggle span{margin-left:5px}}
@media(max-width:600px){.topline>span{font-size:14px}.footer-top .brand small{max-width:170px}.corner-mark{display:none}.art-caption span{font-size:14px}.section-heading h2{overflow-wrap:break-word}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,14vw,72px)}.footer-top{flex-wrap:wrap}.header{gap:12px}.header .brand{min-width:0;flex-shrink:1}.header .brand small{max-width:165px;line-height:1.3}.menu-toggle{flex-shrink:0}}
@media(max-width:350px){.header .brand small{max-width:130px}.header .brand img{width:42px;height:42px}}

@media(min-width:1101px){.people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.person-poster img{object-fit:contain;object-position:center;background:#f0ebe1}