/* Shared public navigation; colors remain independent of page surfaces. */
@font-face{font-family:HKDisplay;src:url('/assets/fonts/barlow-condensed/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}
.hk-header,.hk-nav-dialog{--hk-text:#f0efed;--hk-muted:#b7b7b3;--hk-orange:#ff741f;--hk-line:#343434;color:#f0efed;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;--button-secondary-color:#f0efed;--button-secondary-border:#777}
.hk-header *, .hk-nav-dialog *{box-sizing:border-box}
.hk-header [hidden],.hk-nav-dialog [hidden]{display:none!important}
.hk-header a,.hk-nav-dialog a{color:inherit;text-decoration:none}
.hk-header button,.hk-nav-dialog button{font:inherit;cursor:pointer;touch-action:manipulation}
.hk-header :focus-visible,.hk-nav-dialog :focus-visible{outline:3px solid #ff9b61;outline-offset:5px}
.hk-header .label{color:#b7b7b3;font-size:12px;letter-spacing:.14em;font-weight:750}
.hk-header h2,.hk-nav-dialog h2{font-family:HKDisplay,'Arial Narrow',sans-serif;font-weight:900;line-height:.96;letter-spacing:-.015em;color:#f0efed}
.hk-header p,.hk-nav-dialog p{margin:0}
.hk-header{position:sticky;top:0;z-index:100;background:#101010f5;border-bottom:1px solid var(--hk-line);backdrop-filter:blur(12px)}.hk-nav{width:min(1680px,calc(100% - 80px));height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.hk-brand{display:block;flex-shrink:0;width:128px}.hk-brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:36px}.desktop-nav>button{background:transparent;border:0;color:var(--hk-text);font-weight:600;font-size:.9rem;padding:28px 0;position:relative}.desktop-nav>button>span{display:inline-block;margin-left:8px;color:var(--hk-muted);transition:transform .2s}.desktop-nav>button[aria-expanded=true]{color:var(--hk-orange)}.desktop-nav>button[aria-expanded=true]>span{transform:rotate(180deg)}.desktop-nav>button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--hk-orange);transform:scaleX(0);transition:transform .2s}.desktop-nav>button:hover::after,.desktop-nav>button[aria-expanded=true]::after{transform:scaleX(1)}.nav-personal{display:flex;align-items:center;gap:12px}.personal-trigger{color:var(--hk-muted);background:none;border:1px solid #444;padding:10px 16px;font-size:.8rem!important}.personal-trigger span{color:var(--hk-orange);margin-right:8px}.mobile-trigger{display:none;background:none;border:0;color:#f0efed;font-size:1.4rem!important;min-height:44px;min-width:44px}
.mega-menu{position:absolute;left:0;right:0;top:100%;padding:44px max(56px,calc((100vw - 1584px)/2));display:grid;grid-template-columns:1.1fr 1.5fr .7fr;gap:60px;background:#1b1b1b;border-bottom:2px solid var(--hk-orange);box-shadow:0 30px 60px #0009;animation:menu-in .2s!important}.mega-intro h2{font-size:2.4rem;margin:16px 0}.mega-intro>p:last-child{color:var(--hk-muted);font-size:.875rem;max-width:32ch}.mega-links{display:grid;gap:0}.mega-links>a,.mega-links>button{background:none;border:0;border-bottom:1px solid #3b3b3b;text-align:left;padding:15px 0;color:var(--hk-text)}.mega-links strong{display:flex;justify-content:space-between;font-size:1rem}.mega-links strong span{color:var(--hk-orange)}.mega-links small{color:var(--hk-muted);font-size:.8rem}.mega-links>a:hover strong,.mega-links>button:hover strong{color:var(--hk-orange)}.mega-aside{border-left:1px solid #444;padding:14px 0 0 30px;display:flex;align-items:flex-start;flex-direction:column;gap:18px;font-size:.85rem}.mega-aside button{background:none;color:var(--hk-text);padding:0;border:0}.mega-close{position:absolute;top:10px;right:22px;background:none;border:0;font-size:1.8rem!important;color:var(--hk-muted);width:44px;height:44px}
.hk-nav-dialog{color:#f0efed;background:#191919;border:1px solid #555;padding:32px;box-shadow:0 25px 90px #000a;max-height:100dvh;overflow:auto}.hk-nav-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.side-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100dvh;border-right:0!important;border-block:0!important}.hk-nav-dialog[open]{animation:drawer-in .24s ease-out!important}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dialog-top h2{font-size:2.2rem}.dialog-top button{background:none;border:1px solid #555;color:#f0efed;min-width:44px;min-height:44px;font-size:1.5rem}.mobile-groups details{border-block-end:1px solid #444;padding:20px 0}.mobile-groups summary{font-weight:700;font-size:1rem;cursor:pointer;min-height:44px}.mobile-groups details>a,.mobile-groups details>button{display:block;margin:0;padding:11px 0;color:var(--hk-muted);font-size:.9rem;background:none;border:0;text-align:left}.mobile-groups summary::marker{color:var(--hk-orange)}.dialog-note{font-size:.75rem;line-height:1.6;color:var(--hk-muted);margin-top:28px!important}

.hk-header .language-switcher{display:flex;gap:4px;margin:0;padding:0;border:0;flex-shrink:0}
.hk-header .language-switcher a{font-size:12px;min-width:32px;min-height:44px;padding:0 4px;display:grid;place-items:center;color:#b7b7b3;background:none;border:0}
.hk-header .language-switcher a[aria-current]{color:#ff9b61}
.hk-header .nav-card-group{position:relative;margin:0}
.hk-header .nav-card-group summary{color:#f0efed;background:#191919;border:1px solid #777;font-size:14px;padding:10px 14px;cursor:pointer;white-space:nowrap}
.hk-header .nav-card-group .nav-group__links{position:absolute;top:100%;right:0;left:auto;min-width:240px;background:#191919;color:#f0efed;padding:12px;border:1px solid #555;box-shadow:0 20px 40px #0009}
.hk-header .nav-card-group:not([open]) .nav-group__links{display:none}
.hk-header .nav-card-group .nav-group__links a,.hk-header .nav-card-group button{display:block;padding:10px;color:#f0efed;font-size:14px;min-height:44px;background:none;border:0;text-align:left}
.hk-header .nav-admin-entry{font-size:13px;color:#ff9b61}
.hk-header .nav-social__panel{right:0;color:#f0efed;background:#191919}
.hk-nav-dialog{color:#f0efed;background:#191919;border:1px solid #555;padding:32px;box-shadow:0 25px 90px #000a;max-height:100dvh;overflow:auto}
.hk-nav-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.hk-nav-dialog[open]{animation:drawer-in .24s ease-out}
@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes drawer-in{from{opacity:.3;transform:translateX(35px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.hk-nav{width:calc(100% - 48px);gap:18px}.desktop-nav{gap:22px}.desktop-nav>button{font-size:14px}.personal-trigger{font-size:14px!important;padding:10px}.mega-menu{padding-inline:32px;gap:36px}.mega-intro h2{font-size:2rem}}
@media(max-width:1080px){.desktop-nav{display:none}.mobile-trigger{display:block}.hk-nav{height:76px}.hk-header .nav-admin-entry{display:block}.mega-menu{display:none!important}}
@media(max-width:640px){.hk-nav{height:68px;width:calc(100% - 36px);gap:10px}.hk-brand{width:96px}.personal-trigger{border:0;padding:10px 0;font-size:12px!important}.nav-personal{gap:6px}.hk-header .language-switcher a{min-width:25px}.hk-header .nav-card-group summary{font-size:12px;padding:8px}.hk-header .nav-social__button{width:32px}.hk-header .nav-social__panel{position:fixed;top:68px;left:18px;right:18px;width:auto;max-width:calc(100vw - 36px)}.hk-nav-dialog{padding:24px}}
@media(max-width:360px){.hk-brand{width:70px}.hk-nav{gap:6px}.personal-trigger{font-size:11px!important}.nav-personal{gap:2px}.hk-header .nav-card-group summary{padding:8px 5px}}
@media(prefers-reduced-motion:reduce){.hk-header *,.hk-nav-dialog,.hk-nav-dialog *{animation:none!important;transition:none!important}}

.hk-header .nav-card-group{width:auto;flex:0 0 auto}
@media(max-width:640px){.hk-header .nav-card-group .nav-group__links{position:fixed;top:68px;left:18px;right:18px;width:auto;min-width:0;max-height:calc(100dvh - 86px);overflow:auto}}
