/* typography.css — loaded last in to win cascade over embedded styles */ /* Root scale: the detail text (nav, captions, meta, footer, card subtitles) is rem-based and was anchored to the 16px browser default, so it read small on desktop. Nudging the root up lifts all of it at once. 17px is ~+6%; change to 18px for a stronger bump. Note: per-page body prose is set in px and does NOT scale with this — if prose then looks small next to the detail text, the next step is lifting those body values too. */ html { font-size: 17px } /* Nav & UI */ .btn { font-size: .82rem } .rubric { font-size: .82rem } .sb-link { font-size: .82rem } .nav-links > li > a { font-size: .82rem } .nav-give { font-size: .82rem } .nav-drawer-logo span { font-size: .82rem } .nav-drawer-give { font-size: .82rem } .nav-drawer-links a { font-size: .82rem } .cbar-text { font-size: .82rem } /* Mega menu (index only — safe on other pages, classes absent) */ .mega-photo-label { font-size: .62rem } .mega-col-head { font-size: .65rem } .mega-sub { font-size: .95rem } .mega-cta-btn { font-size: .68rem } .dr-photo-lbl { font-size: .58rem } .dr-link-sub { font-size: .95rem } /* Footer */ .footer-col-head { font-size: .82rem } .footer-nav-sub { font-size: .72rem } .footer-meta { font-size: .82rem } .footer-socials a { font-size: .82rem } .footer-nav a { font-size: .82rem } .footer-email input { font-size: 16px } /* 16px floor: iOS zooms the page on focus below it */ .footer-email button { font-size: .82rem } .footer-copy, .footer-addr { font-size: .82rem } .footer-blurb { font-size: .95rem } /* Mobile — small labels and utility text */ @media (max-width: 768px) { [class*="-label"],[class*="-badge"],[class*="-meta"],[class*="-date"], [class*="-lbl"],[class*="-tag"],[class*="-eyebrow"],[class*="-rubric"] { font-size: .95rem !important } .footer-copy,.footer-legal,.footer-bottom { font-size: .95rem } [class*="-time"],[class*="-ui"],[class*="-kicker"]{ font-size: .92rem !important } .btn,.sb-link,.footer-nav a,.footer-col-head { font-size: .92rem !important } }