/* Marketing palette: declared once. The number in each name is the colour's HSL lightness, so
   the name states where it sits in its family; single-use colours stay literal. */
:root {
--mk-blue-014: #152030;
  --mk-blue-015: #12243d;
  --mk-blue-016: #112743;
  --mk-blue-017a: #1c2a3a;
  --mk-blue-019: #13294d;
  --mk-blue-019a: #1d2c44;
  --mk-blue-019b: #223140;
  --mk-blue-022: #1b2f55;
--mk-blue-037a: #4d5e70;
  --mk-blue-045: #5f7188;
  --mk-blue-046: #2440c8;
  --mk-blue-047: #2f4bbf;
  --mk-blue-047a: #687789;
  --mk-blue-048a: #1f4fd8;
  --mk-blue-048b: #315bc2;
  --mk-blue-050: #73828e;
--mk-blue-052a: #71849a;
  --mk-blue-055: #7e8d99;
  --mk-blue-057: #8190a0;
  --mk-blue-058: #8794a1;
  --mk-blue-059: #7e93ad;
  --mk-blue-059a: #8495a8;
  --mk-blue-061: #6f4ee9;
--mk-blue-064b: #8fa2b8;
  --mk-blue-065: #5b5ff0;
  --mk-blue-065a: #97a7b4;
  --mk-blue-068a: #a3afb8;
  --mk-blue-069a: #9eb0c1;
  --mk-blue-072: #a6b6c8;
  --mk-blue-075: #b3bfca;
  --mk-blue-078a: #bcc9d3;
  --mk-blue-082: #c2cee2;
  --mk-blue-083: #c9d4df;
--mk-blue-092: #d6ddff;
--mk-blue-097: #eef3ff;
  --mk-ink-000: #000000;
  --mk-ink-100: #ffffff;
  --mk-teal-039: #13b3a4;
  --mk-teal-094: #e7f7f2;
  --mk-warm-096: #fff7ed;
}
/* Shared bilingual header; existing page layouts retain their styles. */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,250,252,.97);border-bottom:1px solid var(--line);color:var(--mk-blue-014);font-family:"Plus Jakarta Sans","PingFang SC","Noto Sans SC",system-ui,sans-serif}
.site-header-inner{max-width:1440px;min-height:76px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:28px}
.site-logo{flex-shrink:0;display:flex;align-items:center}.site-logo img{display:block;width:116px;height:auto}
.site-primary{display:flex;align-items:center;gap:20px;flex:1}.site-primary a,.site-actions a,.site-actions button{font:500 13px/1.4 "Plus Jakarta Sans","PingFang SC","Noto Sans SC",system-ui,sans-serif;color:inherit;white-space:nowrap;text-decoration:none}
.site-primary a:hover,.site-actions a:hover{color:var(--mk-blue-048b)}.site-primary a[aria-current=page]{color:var(--mk-blue-048b)}
.site-actions{margin-left:auto;display:flex;align-items:center;gap:19px;flex-shrink:0}.site-actions button{background:transparent;border:0;padding:0}.site-actions button:disabled{opacity:.5;cursor:not-allowed}
.site-language{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px}.site-language:hover{background:var(--line)}
/* Enabled login is a solid navy control so it cannot be mistaken for the honest disabled outline. */
.site-actions a[data-site-action=login]{border:1px solid var(--mk-blue-014);border-radius:8px;padding:8px 14px;background:var(--mk-blue-014);color:var(--mk-ink-100)}
.site-actions a[data-site-action=login]:hover{background:var(--mk-blue-019);border-color:var(--mk-blue-019);color:var(--mk-ink-100)}
.site-actions button[data-site-action=login]{border:1px solid var(--mk-blue-083);border-radius:8px;padding:8px 14px;background:transparent;color:inherit}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--mk-blue-048b);outline-offset:4px}
.site-menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px;color:inherit;cursor:pointer}
html[lang=en] .hero-world h1{font-size:clamp(40px,4.4vw,68px);line-height:1.08}
html[lang=en] .discipline-rail h3{font-size:clamp(26px,3vw,40px)}
@media(max-width:1180px){.site-header-inner{gap:18px}.site-primary{gap:12px}.site-primary a,.site-actions a,.site-actions button{font-size:12px}.site-actions{gap:12px}}
@media(max-width:1000px){.site-menu-toggle{display:flex;align-items:center;justify-content:center}.site-primary{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 24px;background:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px}.site-primary.is-open{display:flex}.site-primary a{font-size:14px}}
@media(max-width:600px){.site-header-inner{padding:10px 14px;gap:10px;flex-wrap:wrap;min-height:70px}.site-logo img{width:98px}.site-menu-toggle{margin-left:auto}.site-actions{width:100%;justify-content:flex-end;gap:22px;margin-left:0;padding-top:4px}.site-actions a,.site-actions button{font-size:13px}.site-primary{gap:20px}.site-primary a{width:calc(50% - 10px)}.site-language{width:32px;height:32px}}
