/* Humanity Campus V5 — compact, premium header & language menu */
.top{display:flex;align-items:center;gap:clamp(10px,1.15vw,20px);padding-left:clamp(16px,2.3vw,48px);padding-right:clamp(16px,2.3vw,48px);position:relative;z-index:50}
.top .brand{flex-shrink:0}
.top nav{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.55vw,11px);flex:1 1 auto;min-width:0}
.top nav a{font-size:clamp(12px,.82vw,15px);font-weight:650;white-space:nowrap;letter-spacing:-.015em;padding:11px clamp(5px,.55vw,11px);border-radius:10px;position:relative;transition:background .25s,color .25s,transform .25s}
.top nav a:hover{transform:translateY(-2px);background:rgba(38,106,188,.09)}
.top nav a:after{content:'';position:absolute;bottom:5px;left:18%;right:82%;height:2px;border-radius:2px;background:#2075d6;opacity:0;transition:right .28s,opacity .28s}
.top nav a:hover:after,.top nav a:focus-visible:after{right:18%;opacity:1}
.top .login{white-space:nowrap;flex-shrink:0;transition:transform .22s,box-shadow .22s}
.top .login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1551a633}
.quick-access{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.quick-access a{transition:background .25s,transform .25s,box-shadow .25s}
.quick-access a:hover{transform:translateY(-3px);box-shadow:0 9px 24px #17457912}
.humanity-language-switch{position:relative;flex:0 0 auto;z-index:200;font-family:inherit}
.hls-trigger{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d6e5f8;background:linear-gradient(145deg,#f6faff,#eaf3ff);color:#153b6a;border-radius:13px;min-height:42px;padding:7px 11px;font:700 12px/1.3 inherit;white-space:nowrap;cursor:pointer;box-shadow:0 3px 11px #123d6c0e;transition:transform .2s,border-color .2s,box-shadow .2s}
.hls-trigger:hover,.hls-open .hls-trigger{transform:translateY(-1px);border-color:#81afea;box-shadow:0 7px 18px #1355a320}
.hls-globe{font-size:18px}.hls-chevron{font-size:18px;transition:transform .22s}.hls-open .hls-chevron{transform:rotate(180deg)}
.hls-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:180px;padding:7px;border:1px solid #dce9f9;border-radius:15px;background:#fff;box-shadow:0 20px 48px #0a2d5660;display:grid;gap:3px;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transition:opacity .2s,transform .2s,visibility .2s}
.hls-open .hls-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.hls-menu button{border:0;background:transparent;text-align:left;border-radius:9px;padding:11px 12px;color:#254567;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.hls-menu button:hover{background:#eef5ff;transform:translateX(3px)}
.hls-menu button.active{background:#e3efff;color:#1359a9}
@media(max-width:1380px){.top{gap:8px}.top nav{gap:1px}.top nav a{font-size:12px;padding:10px 5px}.top .brand{font-size:12px}.hls-trigger{padding:7px 8px}}
@media(max-width:1080px){.top nav{display:none}.top nav.open{display:flex;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:3px;padding:14px;background:#fff;border:1px solid #dbe6f4;border-radius:14px;box-shadow:0 15px 35px #123d6c30;z-index:100}.top nav.open a{font-size:14px;padding:12px}.top .menu{display:inline-flex;margin-left:auto}.top .login{order:4}.humanity-language-switch{order:3}.top nav{order:5}}
@media(max-width:700px){.top{flex-wrap:wrap}.top .brand{margin-right:auto}.top .menu{order:2}.humanity-language-switch{order:3}.top .login{order:4}.hls-trigger{min-height:38px}.quick-access{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-access a{padding:16px 10px;gap:8px}.quick-access a:nth-child(2){border-right:0}.quick-access a:nth-child(-n+2){border-bottom:1px solid #e6edf7}}
@media(prefers-reduced-motion:reduce){.top nav a,.top nav a:after,.hls-trigger,.hls-menu,.hls-menu button,.quick-access a{transition:none!important}}
