/* Readable type across public pages. */
body{font-size:18px;line-height:1.8}
.lead,.hero .lead{font-size:19px;line-height:1.85}
.reading .prose,.event-body .prose,.prose{font-size:18px;line-height:1.85}
.prose p,.prose li{line-height:1.85}
.card-content p:not(.eyebrow),.resource p,.native-story p,.source-banner p:not(.eyebrow){font-size:17px;line-height:1.8}
.source-note,.date-note,.reading .source-note,.event-content .source-note,.provenance,.small,.prose small,.muted.small{font-size:16px;line-height:1.8}
main .prose p[style*="font-size:.8"],main .prose p[style*="font-size: .8"],main .prose p[style*="font-size:14px"],main .prose p[style*="font-size:15px"],main .prose p[style*="font-size:17px"]{font-size:17px!important}
main .prose table{font-size:17px;line-height:1.7;max-width:100%;display:block;overflow-x:auto}
main .prose th,main .prose td{padding:12px 14px}
.hero-image figcaption,.hero-eagle .hero-image figcaption,.prose figcaption,.hm-image-dialog figcaption{font-size:15px;line-height:1.7}
.eyebrow,.card-content .eyebrow,.site-foot .eyebrow{font-size:12px;line-height:1.7}
.event-date,.hero-footnote,.filter-bar label,.text-link,.button,.resource .text-link,.document-row .eyebrow{font-size:15px}
.topline,.topline .wrap{font-size:12px}
.desktop-nav{gap:18px}.desktop-nav a{font-size:14px}
.mobile-menu summary,.mobile-menu nav a{font-size:16px}
.archive-strip .wrap>span:not(.hm-month-counter){font-size:16px}
.hm-month-label{font-size:15px}.hm-month-since{font-size:13px}
.site-foot.hm-footer .hm-footer-statement,.site-foot.hm-footer .hm-footer-contact{font-size:17px}.hm-footer-end{font-size:13px}
@media(min-width:801px) and (max-width:1300px){
.desktop-nav{display:none}.mobile-menu{display:block;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;font-weight:600;display:flex;gap:8px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:40px;background:var(--paper);box-shadow:0 8px 30px #203c3222;border:1px solid var(--line);width:250px;padding:12px 22px;z-index:10}
.mobile-menu nav a{display:block;text-decoration:none;padding:10px 0}
}
@media(max-width:800px){
body,.reading .prose,.event-body .prose,.prose{font-size:17px}
.lead,.hero .lead{font-size:18px}
.wrap{padding-inline:22px}
.hero-footnote{font-size:13px}
.eyebrow,.card-content .eyebrow{font-size:12px}
.hero-image figcaption,.hero-eagle .hero-image figcaption{font-size:14px}
.resource p,.card-content p:not(.eyebrow){font-size:17px}
}