.site-language{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;gap:4px;padding:7px max(20px,calc((100% - 1200px)/2));background:#f2f7fa;border-bottom:1px solid #e1eaf0;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.4;position:relative;z-index:2}
.site-language[hidden]{display:none}
.site-language button,.site-language a{font:inherit;line-height:1.4;border:1px solid transparent;border-radius:4px;background:transparent;color:#35566c;padding:7px 12px;cursor:pointer;min-height:34px;text-decoration:none;box-sizing:border-box}
.site-language a:hover{background:#fff;border-color:#c7dce9;color:#006da6}
.site-language button[aria-pressed="true"]{background:#fff;border-color:#c7dce9;color:#006da6;font-weight:bold}
.site-language button:focus-visible{outline:2px solid #0878b9;outline-offset:2px}
.site-language-mobile{margin-top:60px;padding:5px 16px}
/* On phone pages the language selector belongs inside the off-canvas navigation.
   Keeping it out of the document flow prevents it from being covered by the drawer. */
.nav .nav-language{display:flex;align-items:stretch;gap:0;width:220px;height:auto;margin:0;padding:10px 8px;background:#edf5fa;border-bottom:1px solid #c6dce9}
.nav .nav-language button,.nav .nav-language a{flex:1;min-width:0;min-height:36px;padding:6px 3px;border:0;border-radius:3px;background:transparent;color:#244e67;font-size:12px;line-height:1.2;text-align:center;text-indent:0;white-space:normal}
.nav .nav-language button[aria-pressed="true"]{background:#fff;color:#006da6;font-weight:bold}
.nav .nav-language a:hover,.nav .nav-language a:focus{background:#fff;color:#006da6}
@media(max-width:600px){.site-language{padding-left:16px;padding-right:16px}.site-language button{min-height:36px}.nav .nav-language{margin-top:0;padding-left:8px;padding-right:8px}}