/* Readable UI scale; rem units preserve browser text preferences. */
body{font-size:1.0625rem;line-height:1.6}
.fields dt{font-size:1rem;line-height:1.5;margin-bottom:6px}
.fields dd{font-size:1.125rem;line-height:1.55;overflow-wrap:anywhere}
.fields{gap:24px 32px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cardtop h2,.card h2{font-size:1.5rem;line-height:1.3}
.card h3{font-size:1.1875rem;line-height:1.4}
.profilehead h2{font-size:1.875rem}
.card p,.message p,.hero p,.heading p{font-size:1.125rem;line-height:1.6}
.btn,.textbtn,.role button,.nav button,label,input,select,textarea,.select-trigger,.select-option{font-size:1rem;line-height:1.5}
small,.message small,.footnote,.demo,.badge,.steps span,th{font-size:.9375rem;line-height:1.5}
.badge{white-space:normal}
.cardtop{flex-wrap:wrap}.cardtop .textbtn{flex-shrink:0}
.card,.right,.fields>div,.profilehead>div{min-width:0}
.card p{max-width:70ch}.notice{font-size:1rem;line-height:1.6}
.compact-footer .footer-brand-block>p,.compact-footer .footer-link-grid a,.compact-footer .footer-address address,.compact-footer .footer-address-links a,.compact-footer .footer-contact-block p,.compact-support p,.compact-footer-notices>div,.compact-footer-notices .textbtn{font-size:.9375rem;line-height:1.55}
.compact-footer-notices p{font-size:.9375rem!important}
.compact-footer h3{font-size:1.125rem}
@media(max-width:700px){.fields{grid-template-columns:1fr;gap:20px}.card{padding:24px}.stat{font-size:.9375rem}.stats{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.compact-footer .footer-contact-buttons{grid-template-columns:1fr}.profilehead{flex-wrap:wrap}.role{flex-wrap:wrap}.hero p{font-size:1.125rem}}