/* Compact language links share the existing header on desktop and mobile. */
.site-header .nav{gap:18px}
.site-header .brand{order:0;flex-shrink:0}
.site-header .nav-links{order:1;margin-left:auto}
.language-switch{order:2;display:flex;align-items:center;flex-shrink:0;gap:2px;padding:3px;border:1px solid var(--hair);border-radius:10px}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:4px 6px;font:500 .68rem/1.2 var(--mono);border-radius:6px;color:var(--muted)}
.language-switch a:hover{background:var(--mist);color:var(--ink)}
.language-switch a[aria-current]{background:var(--ink);color:var(--paper)}
.language-switch a:focus-visible{outline:2px solid var(--lav);outline-offset:2px}
.site-header .menu-toggle{order:3;flex-shrink:0}
html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{overflow-wrap:anywhere;hyphens:manual}
html:not([lang=en]) .button{white-space:normal;min-width:0;text-align:left}
html:not([lang=en]) .button>span[aria-hidden]{flex-shrink:0}
html:not([lang=en]) .hero-tag{max-width:240px}
html:not([lang=en]) .hero-disciplines .shell{flex-wrap:wrap;gap:12px 28px}
@font-face{font-family:"POSSIBLD Cyrillic";src:url("fonts/caveat-cyrillic.woff") format("woff");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0400-052F}
html[lang=uk] .script-note{font-family:"POSSIBLD Cyrillic","POSSIBLD Hand",cursive}
@media(max-width:1280px){
 .site-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;padding:22px max(22px,5vw) 28px;background:var(--paper);border-bottom:1px solid var(--hair);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 35px #0001;margin-left:0}
 .site-header .nav-links.open{display:flex}
 .site-header .nav-links>a:not(.button){padding:11px 0}
 .site-header .nav-links .button{margin-top:13px;justify-content:center}
 .site-header .menu-toggle{display:block}
 .site-header .language-switch{margin-left:auto}
}
@media(max-width:760px){
 .site-header .nav{gap:10px}
 .site-header .brand img{width:clamp(112px,33vw,154px)}
 .language-switch{padding:2px;gap:0}
 .language-switch a{min-width:28px;min-height:34px;padding:4px;font-size:.65rem}
 .site-header .menu-toggle{padding:9px 10px;font-size:.74rem}
 html:not([lang=en]) .hero h1{font-size:clamp(3rem,10.7vw,5.4rem)}
 html:not([lang=en]) .hero-lead{max-width:100%}
 html:not([lang=en]) .hero-bottom{gap:12px}
 html:not([lang=en]) .hero-bottom .button{gap:18px}
 html:not([lang=en]) .page-hero h1{font-size:clamp(2.3rem,8.4vw,4rem)}
 html:not([lang=en]) .who-title-main{max-width:100%}
 html:not([lang=en]) .eyebrow{overflow-wrap:anywhere}
 html:not([lang=en]) .hero-annotation{max-width:220px}
 html:not([lang=en]) .audience-tabs button,html:not([lang=en]) .starting-tabs button{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .site-header .nav{gap:6px}
 .site-header .brand img{width:112px}
 .language-switch a{min-width:26px;font-size:.62rem}
 .site-header .menu-toggle{padding-inline:8px}
}

html:not([lang=en]) .hero-micro span{white-space:normal}
html:not([lang=en]) .hero-micro{width:240px;max-width:240px}
@media(max-width:760px){html:not([lang=en]) .hero:has(#heroTitle) .hero-micro{width:auto;max-width:240px}}