/* One shared header geometry for public pages and authenticated workspace. */
html{scrollbar-gutter:stable}
body>.header{box-sizing:border-box;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;height:88px;min-height:88px;margin:0;padding:0 5%;gap:24px;background:#081326;border:0;border-bottom:1px solid #34425b;box-shadow:0 5px 18px #02081433;font-family:'Microsoft JhengHei','PingFang HK','Noto Sans TC',system-ui,sans-serif;line-height:1.7}
body>.header #navigation{display:flex;align-items:center;gap:25px;margin-inline:auto;position:static;background:none;border:0;padding:0}
body>.header #navigation a{color:#b7c4da;font-size:13px;text-decoration:none;white-space:nowrap;position:relative;line-height:1.7;padding:0}
body>.header #navigation a:hover,body>.header #navigation a.active,body>.header #navigation a[aria-current="page"]{color:#e6e4ff}
body>.header #navigation a.active:after,body>.header #navigation a[aria-current="page"]:after{content:'';position:absolute;bottom:-14px;left:50%;width:5px;height:5px;background:#c0baff;transform:translateX(-50%)}
body>.header #navigation [data-page-link="contact"]{display:none}
body>.header .language-control{display:flex;align-items:center;gap:5px;color:#ccd8f1;flex-shrink:0;margin-block:0;margin-inline-start:auto;margin-inline-end:16px}
body>.header .language-control>span{font-size:23px;line-height:1}
body>.header .language-control select{box-sizing:border-box;width:100px;max-width:none;margin:0;padding:8px 7px;font:12px/normal 'Microsoft JhengHei',system-ui,sans-serif;color:#e6edfb;background:#0d1b32;border:1px solid #405578;border-radius:4px;direction:inherit;text-align:start;cursor:pointer}
body>.header .contact-button{box-sizing:border-box;display:inline-flex;align-items:center;gap:24px;flex-shrink:0;padding:12px 20px;border:1px solid #405578;border-radius:3px;background:transparent;color:#d7e2f5;font:13px/1.7 'Microsoft JhengHei',system-ui,sans-serif;text-decoration:none;white-space:nowrap}
body>.header .menu-toggle{display:none;background:transparent;border:1px solid #34425b;border-radius:3px;color:#c6d3e8;cursor:pointer}
@media(max-width:1200px){body>.header{gap:14px}body>.header #navigation{gap:17px}body>.header #navigation a{font-size:12px}body>.header .contact-button{display:none}body>.header .language-control{margin:0}}
@media(max-width:760px){body>.header{height:76px;min-height:76px;padding:0 6%;gap:10px}body>.header .language-control{margin-inline-start:auto;margin-inline-end:0}body>.header .language-control>span{display:none}body>.header .language-control select{width:90px;padding:7px 5px;font-size:11px}body>.header .menu-toggle{display:block;padding:3px 8px;font-size:21px;line-height:1.7}body>.header #navigation{display:none;position:absolute;top:75px;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:14px 6%;background:#081326;border-bottom:1px solid #34425b;max-height:calc(100svh - 76px);overflow:auto}body>.header #navigation.open{display:flex}body>.header #navigation a{font-size:14px;padding:12px 0}body>.header #navigation a.active:after,body>.header #navigation a[aria-current="page"]:after{display:none}body>.header #navigation [data-page-link="contact"]{display:block}}
@media(max-width:380px){body>.header{gap:7px}body>.header .language-control select{width:80px}}

/* Mirror component order while keeping the English wordmark readable. */
html[dir="rtl"] body>.header .brand.mc-brand{flex-direction:row-reverse}