/* Shared header: identical typography for every route and language. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.site-header{font-family:"Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.5;box-sizing:border-box;flex-shrink:0;gap:14px}
.site-header .nav-row>a,.site-header .nav-row>a:hover,.site-header .nav-row>a:focus,.site-header .nav-row>a[aria-current]{font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;transform:none}
.site-header .dropdown a{font-family:inherit;font-size:14px;line-height:1.6;white-space:normal}
.site-header .dropdown{width:max-content;min-width:220px;max-width:min(340px,90vw)}
.site-header .site-search input,.site-header .site-language{font-family:inherit;font-size:14px;line-height:20px}
.site-header .site-language{width:100px;min-width:100px}
.site-header .header-tools{flex-shrink:0}
.site-header.nav-compact{height:74px;min-height:74px;padding-left:2%;padding-right:2%;gap:12px}
.site-header.nav-compact .brand{flex-basis:160px;width:160px}
.site-header.nav-compact .brand span{font-size:10px}
.site-header.nav-compact .header-company-qr{width:48px;height:48px;flex-basis:48px;margin-left:0}
.site-header.nav-compact .menu{display:block;border:0;background:transparent;font-size:25px;color:#18384f;margin-left:auto;flex-shrink:0}
.site-header.nav-compact #nav{display:none;position:absolute;top:74px;left:0;right:0;margin:0;padding:15px 4%;background:white;max-height:calc(100dvh - 74px);overflow:auto;box-shadow:0 8px 20px #16344b20}
.site-header.nav-compact #nav.open{display:block}
.site-header.nav-compact .nav-list{display:block}
.site-header.nav-compact .nav-row{height:auto;justify-content:space-between;border-bottom:1px solid #e4ebf0;white-space:normal}
.site-header.nav-compact .nav-row>a{flex:1;padding:13px 0}
.site-header.nav-compact .dropdown{position:static;width:100%;max-width:none;box-shadow:none}
.site-header.nav-compact .header-tools{margin-left:0}
@media(max-width:600px){.site-header.nav-compact{gap:7px;flex-wrap:wrap;height:auto;min-height:112px;padding-top:7px;padding-bottom:7px}.site-header.nav-compact .header-tools{width:100%;justify-content:flex-end}.site-header.nav-compact #nav{top:100%;max-height:calc(100dvh - 120px)}.site-header .site-search{width:170px}.site-header .site-language{width:100px;min-width:100px}}

/* Reference header typography: fixed in every page, language and active state. */
html body .site-header #nav .nav-row>a{font:400 16px/24px "Microsoft YaHei",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none;font-synthesis:none;zoom:1;transform:none}
html body .site-header #nav .nav-row>a:hover,html body .site-header #nav .nav-row>a:focus,html body .site-header #nav .nav-row>a[aria-current]{font-size:16px!important;font-weight:400!important;line-height:24px!important}

/* Long translated menus stay visible on desktop, on their own second row. */
@media(min-width:1101px){
.site-header.nav-two-row{height:auto;min-height:92px;flex-wrap:wrap;row-gap:0;padding-top:10px;padding-bottom:0}
.site-header.nav-two-row>.brand,.site-header.nav-two-row>.header-company-qr{order:0}
.site-header.nav-two-row>.header-tools{order:1;margin-left:auto}
.site-header.nav-two-row>.menu{display:none}
.site-header.nav-two-row>#nav{order:2;position:static;display:block;flex:0 0 100%;width:100%;margin:0;padding:0;overflow:visible;max-height:none;box-shadow:none}
.site-header.nav-two-row .nav-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 24px}
.site-header.nav-two-row .nav-row{height:48px}
.site-header.nav-two-row .nav-row>a{padding:12px 0}
}

/* Reserve the same viewport gutter on scrolling and single-screen pages. */
html{scrollbar-gutter:stable}
.site-header{position:sticky;top:0;left:0;width:100%;z-index:100}
.site-header .nav-row{flex-shrink:0}