/* Translations are a quiet reading layer beneath the original animated headlines. */
.heading-translation{font:400 clamp(15px,1.3vw,18px)/1.6 'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif;color:#526659;letter-spacing:.025em;margin:18px 0 24px;max-width:34em;text-wrap:pretty}
.heading-translation[hidden]{display:none!important}
.localized-heading-group{min-width:0}
.localized-heading-group h2{margin-bottom:0}
html[data-theme=lab] .hero-copy>.heading-translation{margin-top:18px;margin-bottom:20px}
.language-panel button:not(:disabled){cursor:pointer}
.language-panel button:not(:disabled):hover{color:#254c3e;background:#e8eee3}
.language-panel button:focus-visible{outline:2px solid #a44c36;outline-offset:3px}
.language-panel button[aria-pressed=true]{color:#254c3e;font-weight:600}
.language-panel .language-auto{font-size:11px;margin-top:6px}
html[lang=zh-Hans] .hero-line,html[lang=zh-Hans] .large-copy{line-height:1.65;letter-spacing:.025em}
html[lang=zh-Hans] .eyebrow{letter-spacing:.09em}
html[lang=zh-Hans] .work-description,html[lang=zh-Hans] .writing-row p,html[lang=zh-Hans] .about p:not(.heading-translation){line-height:1.85}
html:not([lang=en]) .research-summary dt{overflow-wrap:anywhere}
html[lang=fr] .knowledge-node .node-name{hyphens:auto;overflow-wrap:normal}
html[lang=fr] .explorer-toolbar{flex-wrap:wrap;gap:8px 12px}
html[lang=fr] .explorer-toolbar #explorer-help{flex-basis:100%}
html[lang=fr] .research-foot{flex-wrap:wrap}
html[lang=fr] .research-foot span{white-space:normal}
@media(max-width:760px){
 .heading-translation{font-size:15px;margin:12px 0 20px}
 html[lang=fr][data-theme=lab][data-nav] .site-header nav a{font-size:11px;letter-spacing:0}
 html[lang=fr] .knowledge-node .node-name{font-size:11px;line-height:1.25}
 html[lang=fr] .grove-caption{flex-wrap:wrap;gap:6px}
}
@media(min-width:741px){html[data-theme=lab] .writing-intro>.localized-heading-group{flex:1;min-width:0}.writing-intro>.localized-heading-group .heading-translation{width:auto}}

/* Real language links remain usable without JavaScript. */
.language-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:8px 0;border-top:1px solid #c4d0c5;font:12px/1.5 'Avenir Next','PingFang SC',sans-serif;color:#385e4e;text-decoration:none}
.language-panel a:hover{background:#e8eee3;color:#254c3e}
.language-panel a[aria-current]{font-weight:600;color:#254c3e}
.language-panel a:focus-visible{outline:2px solid #a44c36;outline-offset:3px}