/* One header system for desktop, tablet and mobile. */
:root{--site-nav-height:92px}
.site-header.site-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand links tools";align-items:center;gap:30px;height:var(--site-nav-height);padding:0 clamp(28px,4vw,80px);background:#f8f7f1;border-bottom:1px solid #d5dacb;box-shadow:none;z-index:30}
.site-navigation.is-scrolled{background:rgba(248,247,241,.97);box-shadow:0 5px 18px #173e2c0a}
.site-navigation .brand{grid-area:brand;gap:9px;padding-inline-end:28px;border-inline-end:1px solid #d5dacb;min-width:0;flex-shrink:0}
.site-navigation .official-symbol{width:31px}.site-navigation .official-wordmark{width:170px}.site-navigation .brand-chinese{font-size:8px;letter-spacing:.2em}
.primary-nav{grid-area:links;display:flex;justify-content:center;align-items:stretch;gap:clamp(16px,1.35vw,26px);height:100%;min-width:0;margin:0;padding:0}
.site-navigation .primary-nav .nav-link{display:flex;align-items:center;justify-content:center;position:relative;min-height:44px;padding:0 2px;color:#52614f;font:500 14px/1.5 var(--sans);letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:color 180ms ease}
.site-navigation .primary-nav .nav-link::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:#617d3d;transform:scaleX(0);transform-origin:center;transition:transform 180ms ease}
.site-navigation .primary-nav .nav-link:hover{color:#173e2c}.site-navigation .primary-nav .nav-link:hover::after{transform:scaleX(.45)}
.site-navigation .primary-nav .nav-link[aria-current]{color:#173e2c;font-weight:600}.site-navigation .primary-nav .nav-link[aria-current]::after{transform:scaleX(1)}
.navigation-tools{grid-area:tools;display:flex;align-items:center;gap:12px;min-width:0}
.site-navigation .language-picker{font:500 12px/1.4 var(--sans);color:#344b3b}
.site-navigation .language-picker summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid #cbd2c0;border-radius:2px;background:#f3f4ec;white-space:nowrap;cursor:pointer}
.site-navigation .language-picker summary::after{content:"";width:5px;height:5px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-inline-start:3px}
.language-globe{width:17px;height:17px;flex:none}.site-navigation .language-picker[open] summary{background:#e9eedf;border-color:#9eae88}.site-navigation .language-picker>div{margin-top:9px;border-radius:2px;border-color:#cbd2c0;box-shadow:0 12px 28px #173e2c14}
.site-navigation .nav-toggle{display:none;border:0;border-radius:2px;background:#173e2c;color:#fff;width:44px;height:44px;padding:11px;cursor:pointer;flex:none}
.nav-toggle span{display:block;width:20px;height:1px;background:currentColor;transition:transform 180ms ease}
.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.editorial-module[id],#story{scroll-margin-top:calc(var(--site-nav-height) + 16px)}
@media(max-width:1440px) and (min-width:761px){:root{--site-nav-height:132px}.site-header.site-navigation{grid-template-columns:1fr auto;grid-template-areas:"brand tools" "links links";gap:0 24px;height:auto;min-height:132px;padding:0 30px}.site-navigation .brand{height:76px;border:0;padding:0}.navigation-tools{height:76px}.primary-nav{height:56px;justify-content:space-between;gap:24px;border-top:1px solid #dce1d3;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c4cdb7 transparent}.site-navigation .primary-nav .nav-link{flex:none}}
@media(max-width:760px){:root{--site-nav-height:76px}.site-header.site-navigation{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools";height:auto;min-height:76px;gap:0 12px;padding:0 20px}.site-navigation .brand{height:76px;border:0;padding:0;gap:7px}.site-navigation .official-symbol{width:25px}.site-navigation .official-wordmark{width:126px}.site-navigation .brand-chinese{font-size:7px}.navigation-tools{gap:7px;height:76px}.site-navigation .language-picker{font-size:11px}.site-navigation .language-picker summary{padding:0 9px;min-height:44px;gap:6px}.language-globe{width:15px;height:15px}.js .site-navigation .nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.primary-nav{grid-area:auto;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:8px 16px;max-height:calc(100dvh - 108px);overflow-y:auto;padding:16px 0 22px;border-top:1px solid #dce1d3;background:#f8f7f1}.js .site-navigation .primary-nav{display:none;position:absolute;inset-inline:0;top:100%;padding:18px 20px 24px;box-shadow:0 15px 20px #173e2c14}.js .site-navigation .primary-nav.open{display:grid}.site-navigation .primary-nav .nav-link{min-height:54px;justify-content:flex-start;padding:12px;font-size:15px;white-space:normal;border-bottom:1px solid #e0e5d7}.site-navigation .primary-nav .nav-link[aria-current]{background:#e9eedf}.site-navigation .primary-nav .nav-link::after{height:2px;inset-inline:12px}.site-navigation .primary-nav .nav-link:hover::after{transform:scaleX(0)}.site-navigation .primary-nav .nav-link[aria-current]::after{transform:scaleX(1)}}
@media(max-width:360px){.site-header.site-navigation{padding-inline:16px;gap:8px}.site-navigation .official-wordmark{width:108px}.site-navigation .official-symbol{width:22px}.site-navigation .brand{gap:5px}.navigation-tools{gap:6px}.site-navigation .language-globe{display:none}.site-navigation .language-picker summary{padding-inline:8px}.site-navigation .nav-toggle{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.site-navigation .primary-nav .nav-link,.site-navigation .primary-nav .nav-link::after,.nav-toggle span{transition:none}}