.site-navigation{position:relative;display:flex;align-items:center;gap:24px;font:400 14px/1.6 'Noto Sans TC',sans-serif;color:#cbd5e1;z-index:30}.site-navigation>a,.site-navigation summary{display:inline-flex;align-items:center;min-height:44px;color:#cbd5e1;text-decoration:none;white-space:nowrap;cursor:pointer}.site-navigation>a:hover,.site-navigation summary:hover{color:#fff}.site-navigation a:focus-visible,.site-navigation summary:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}.tool-disclosure{position:relative}.site-navigation summary{list-style:none;gap:8px}.site-navigation summary::-webkit-details-marker{display:none}.site-navigation summary:after{content:'';width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-4px}.tool-disclosure[open]>summary:after{transform:rotate(225deg);margin-top:4px}.site-navigation .tool-panel{position:absolute;right:0;top:100%;width:420px;box-sizing:border-box;padding:12px;background:#101620;border:1px solid #263141;box-shadow:0 16px 40px #0006;display:grid;grid-template-columns:1fr;gap:4px;z-index:40}.site-navigation .tool-panel a{display:flex;align-items:flex-start;flex-direction:column;gap:6px;padding:16px;min-height:44px;color:#f8fafc;text-decoration:none;white-space:normal}.site-navigation .tool-panel a:hover,.site-navigation .tool-panel a:focus-visible{background:#1a2433}.tool-panel strong{font-size:17px;font-weight:600;line-height:1.5}.tool-panel span{font-size:13px;color:#94a3b8;line-height:1.7}.editorial-header{position:relative;z-index:30}.editorial-header .site-navigation{gap:24px}.editorial-header .site-navigation>a{color:#cbd5e1}.brand-nav-row{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;border-bottom:1px solid #ffffff18;flex-wrap:wrap}.brand-nav-row .site-navigation{height:auto!important;min-height:0!important;padding:0!important}.home-observatory header:has(.site-navigation){z-index:30}
@media(max-width:700px){.site-navigation,.editorial-header .site-navigation{width:100%;gap:20px;flex-wrap:wrap}.site-navigation>a,.site-navigation summary{font-size:13px}.tool-disclosure{position:static}.site-navigation .tool-panel{left:0;right:auto;width:min(420px,100%)}.brand-nav-row{padding-block:16px;gap:12px}.tool-panel span{font-size:13px}}

/* Official 2026 identity: preserve the supplied wordmark aspect ratio. */
.brand-wordmark{display:block;width:150px;height:auto;flex:none}.site-bar__brand .brand-wordmark{width:116px}.editorial-header,.brand-nav-row{background:#070B14}.editorial-header .header-row{min-height:80px}.editorial-brand{min-height:44px}.brand-nav-row>a{min-height:44px}@media(max-width:700px){.brand-wordmark{width:136px}.editorial-header .header-row{padding-block:16px}}

/* Language selection stays a separate click disclosure from the tool panel. */
.language-disclosure{position:relative;flex:none;margin-inline-start:auto}
.language-disclosure[open]>summary:after{transform:rotate(225deg);margin-top:4px}
.site-navigation .language-panel{position:absolute;inset-inline-end:0;top:100%;box-sizing:border-box;width:176px;max-width:calc(100vw - 32px);padding:8px;background:#101620;border:1px solid #263141;box-shadow:0 16px 40px #0006;display:grid;grid-template-columns:1fr;gap:4px;z-index:40}
.site-navigation .language-panel a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 12px;color:#f8fafc;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.site-navigation .language-panel a:hover,.site-navigation .language-panel a:focus-visible{background:#1a2433}
.site-navigation .language-panel a[aria-current="true"]{font-weight:600;border-inline-start:2px solid #60a5fa}
@media(max-width:700px){.language-disclosure{position:static}.site-navigation .language-panel{width:min(176px,100%);max-width:100%}}
/* Phone header: the language menu moves up to the logo row, so the links keep one row instead of leaving an empty second row. */
@media(max-width:700px){
.editorial-header .header-row,.brand-nav-row{position:relative}
.editorial-header .header-row .site-navigation,.brand-nav-row .site-navigation{position:static}
.editorial-header .header-row .language-disclosure,.brand-nav-row .language-disclosure{position:absolute;top:16px;inset-inline-end:0;margin:0}
.editorial-header .header-row .language-panel,.brand-nav-row .language-panel{width:176px;max-width:calc(100vw - 32px)}
}
@media(max-width:420px){.editorial-header .header-row .site-navigation,.brand-nav-row .site-navigation{gap:16px}}
@media(max-width:380px){.editorial-header .header-row .site-navigation,.brand-nav-row .site-navigation{gap:14px}
.editorial-header .site-navigation>a,.editorial-header .site-navigation summary,.brand-nav-row .site-navigation>a,.brand-nav-row .site-navigation summary{font-size:12px}
}
@media(max-width:359px){
  .editorial-header .header-row .site-navigation,
  .brand-nav-row .site-navigation {
    column-gap: 6px;
  }
}