/* Preserve the approved design across six language versions. */
.language-switch {position:relative;font-size:13px;font-weight:600;color:var(--ink);flex:none;}
.language-menu {font-family:'AptosW','NotoSansSCLocal',sans-serif;}
.language-switch summary {display:flex;align-items:center;justify-content:center;gap:5px;min-width:46px;min-height:40px;border-radius:20px;cursor:pointer;list-style:none;}
.language-switch summary::-webkit-details-marker {display:none;}
.language-switch summary:hover,.language-switch[open] summary {background:var(--paper2);}
.language-menu {position:absolute;right:0;top:calc(100% + 12px);min-width:168px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -20px #0A1B2966;z-index:80;}
.language-menu a {display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;}
.language-menu a:hover,.language-menu a:focus-visible,.language-menu a[aria-current] {background:var(--hue);color:var(--ink);}
.language-switch summary:focus-visible {outline:2px solid var(--ink);outline-offset:3px;}
.flow>div,.s-head>div,.ncard,.dcard,.tp h2,.tp .role,.pa-k,.ex-row {min-width:0;overflow-wrap:anywhere;}
html:not([lang^="en"]) .nav .nl {gap:20px;}
html:not([lang^="en"]) .hero-art svg.sm {width:100%;margin-left:0;}
html:not([lang^="en"]) .btn {white-space:normal;text-align:center;justify-content:center;}
html:not([lang^="en"]) .nav .btn {font-size:12.5px;line-height:1.25;max-width:190px;}
html[lang^="zh"] body,html[lang^="zh"] .site {font-family:'AptosW','NotoSansSCLocal',sans-serif;line-height:1.8;}
html[lang^="zh"] .site :is(h1,h2,h3,h4,button,input,select,textarea,svg text) {font-family:'AptosW','NotoSansSCLocal',sans-serif;}
html[lang^="zh"] .site h1,html[lang^="zh"] .site h2 {letter-spacing:0;line-height:1.3;}
html[lang^="zh"] :is(h3,h4,.sys-t,.v2-w,.pa-k) {letter-spacing:0;}
html[lang^="zh"] .flow p,html[lang^="zh"] .ncard p {line-height:1.85;}
html[lang^="bg"] .hero h1,html[lang^="de"] .hero h1 {font-size:clamp(40px,4.5vw,65px);}
@media(min-width:901px){
 html:not([lang^="en"]) #rmap.rmap {height:var(--translated-roadmap-height,450px);}
 html:not([lang^="en"]) :is(.rm3-ax,.rm3-done,.rm3-today) {top:var(--translated-axis,224px);}
 html:not([lang^="en"]) .rmc .dot {top:calc(var(--translated-axis,224px) + 1px);}
 html:not([lang^="en"]) .rmc.up .stem {top:calc(var(--translated-axis,224px) - 26px);}
 html:not([lang^="en"]) .rmc.dn .stem {top:calc(var(--translated-axis,224px) + 8px);}
 html:not([lang^="en"]) .rmc.up .card {bottom:calc(100% - var(--translated-axis,224px) + 26px);}
 html:not([lang^="en"]) .rmc.dn .card {top:calc(var(--translated-axis,224px) + 28px);}
}
@media(max-width:900px){
 .nav .nr {gap:9px;}
 .nav .language-switch {display:block;}
 .language-switch summary {min-width:42px;}
 .mn-f>.language-switch {display:none;}
 html[lang^="zh"] .site .hero h1,html[lang^="zh"] .site .phero h1 {font-size:36px!important;}
}