/* English typography and language navigation, shared across institute pages. */
html[lang=en] body{font-family:Arial,Helvetica,sans-serif;word-break:normal;overflow-wrap:break-word}
.language-switch{position:fixed;right:18px;bottom:18px;z-index:60;background:#fff;color:#193b2d;border:1px solid #65755e;border-radius:30px;padding:12px 18px;font:600 14px/1.3 Arial,sans-serif;box-shadow:0 4px 18px #0002;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #b88234;outline-offset:4px}
html[lang=en] .brand{min-width:260px;max-width:305px;flex-shrink:0}
html[lang=en] .brand strong{display:block;white-space:normal;font-family:Georgia,serif;font-size:19px;line-height:1.2}
html[lang=en] .brand small{font-size:10px}
html[lang=en] .header-inner{gap:20px}
html[lang=en] .nav{gap:4px}html[lang=en] .nav-group>a{font-size:14px;padding-left:8px;padding-right:8px}
html[lang=en] .nav-drop{max-width:340px}html[lang=en] .nav-drop a{white-space:normal;font-size:14px}
html[lang=en] .lineage-intro{max-width:720px;padding-right:100px}
html[lang=en] .lineage-intro h1{font-family:Georgia,serif;font-size:clamp(25px,2.6vw,38px);letter-spacing:-.02em}
html[lang=en] .lineage-intro p{font-size:16px;line-height:1.5;max-width:620px}
html[lang=en] .lineage-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.45}
html[lang=en] .lineage-person figcaption{width:150px;min-width:0}
html[lang=en] .lineage-person figcaption strong{font-size:14px;line-height:1.25}
html[lang=en] .lineage-person figcaption span{font-size:12px;line-height:1.25}
html[lang=en] .history-card{height:400px}html[lang=en] .history-title{font-size:16px;line-height:1.4}html[lang=en] .history-detail{font-size:14px;line-height:1.5}
html[lang=en] .history-copy{padding:30px 24px}
html[lang=en] .shortcut-card h3{font-family:Georgia,serif;font-size:20px}html[lang=en] .shortcut-card p{font-size:14px;line-height:1.5;padding-right:25px}
html[lang=en] .footer p{font-size:14px;line-height:1.7}html[lang=en] .footer h2{font-family:Georgia,serif}
html[lang=en] .top-nav{gap:18px;font-size:14px}
html[lang=en] .prose{font-family:Georgia,serif;font-size:18px;line-height:1.85}html[lang=en] .prose .purpose-lead{font-size:25px}
html[lang=en] .side-nav a{font-size:15px}html[lang=en] .map-frame figcaption{font-size:14px}
html[lang=en] .drawer{overflow-y:auto;padding:65px 28px 100px}html[lang=en] .drawer-section a{font-family:Arial,sans-serif;font-size:16px}
.translation-note{padding:16px 20px;margin:0 0 24px;background:#e8ede4;border-left:3px solid #627453;font-size:16px;line-height:1.6;color:#29382f}
@media(max-width:1100px){html[lang=en] .nav,html[lang=en] .top-nav{display:none}html[lang=en] .menu,html[lang=en] .menu-button{display:block;margin-left:auto}html[lang=en] .mobile-panel.open{display:block;position:absolute;z-index:20;top:92px;left:0;right:0;background:#173a2e;padding:20px}html[lang=en] .mobile-panel a{display:block;padding:12px}}
@media(max-width:600px){html[lang=en] .brand{max-width:255px;min-width:0}html[lang=en] .brand strong{font-size:16px}html[lang=en] .lineage-intro{top:105px;padding-right:18px;left:20px;right:0}html[lang=en] .lineage-intro h1{font-size:27px}html[lang=en] .lineage-intro p{font-size:15px;max-width:95%}html[lang=en] .lineage-replay{top:310px;font-size:13px}html[lang=en] .lineage-person figcaption{width:98px}html[lang=en] .lineage-person figcaption strong{font-size:12px}html[lang=en] .lineage-copy p{font-size:16px}html[lang=en] .history-card{height:425px}html[lang=en] .contact-grid{grid-template-columns:1fr}html[lang=en] .prose{font-size:17px}html[lang=en] .map-frame figcaption{display:block}}
html[lang=en] .history{padding-top:45px}html[lang=en] .history-heading{top:14px;color:#294737}
/* Use the native Apple system typeface on Apple devices, with system fallbacks elsewhere. */
html[lang=en]{--english-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
html[lang=en] body,html[lang=en] body :where(h1,h2,h3,h4,p,a,span,strong,small,b,button,input,textarea,select,label,figcaption,li,summary){font-family:var(--english-font)!important}
html[lang=en] body{font-weight:300;-webkit-font-smoothing:antialiased}
html[lang=en] :is(h1,h2,h3,h4,.lineage-intro h1,.history-title,.prose .purpose-lead){font-weight:300}
html[lang=en] :is(.brand strong,.news-brand strong,.lineage-person figcaption strong,.t){font-weight:400}
html[lang=en] :is(nav,.nav,.top-nav,.news-tabs a,.eyebrow,button,.language-switch){font-weight:400}
html[lang=en] :is(strong,b){font-weight:500}
html[lang=en] .news-brand{flex:0 1 360px}html[lang=en] .news-brand strong{font-size:20px}
@media(max-width:800px){html[lang=en] .news-brand{flex:auto}}