/* InvestorCenter · navigation (2026-09-28). Desktop (≥ 1041 px): mega menu; each group opens a full-width panel under the header,
   with a short intro and one primary action on the left and columns of pages on the right. Phone and tablet (≤ 1040 px): the "Menü"
   button opens a full-screen menu, groups open as an accordion, and the theme, language and text-size controls sit at the bottom.
   The group toggle, burger and routing belong to investor-center.js; enhance.js adds hover intent, keyboard support and focus handling.
   Hover changes only the surface colour (--hov-bg). The panel uses a 1 px hairline and no shadow. Loaded after investor-center.css. */
.top .in{min-height:64px;gap:16px;padding-block:10px}
.top .brand{display:inline-flex;align-items:center;min-height:44px}
#menu{display:flex;align-items:center;gap:4px;flex:1 1 auto;margin:0 0 0 16px;flex-wrap:nowrap}
html body #menu .g{position:static;border:0;padding:0}
html body #menu .g > button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:0;border-radius:var(--r-btn);background:transparent;color:var(--top-ink2);font:600 15px/1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--hov-dur) var(--hov-ease),color var(--hov-dur) var(--hov-ease)}
html body #menu .g > button::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--hov-dur) var(--hov-ease)}
html body #menu .g.open > button{background:var(--hov-bg);color:var(--top-ink)}
html body #menu .g.open > button::after{transform:translateY(2px) rotate(-135deg)}
@media (hover:hover){html body #menu .g > button:hover{background:var(--hov-bg);color:var(--top-ink)}}
html body #menu .g > .mm{display:none;position:absolute;left:0;right:0;top:100%;z-index:1;padding:0;border:0;border-top:1px solid var(--top-line);border-bottom:1px solid var(--top-line);border-radius:0;box-shadow:none;background:var(--top-bg);max-height:calc(100vh - var(--hdr-h,64px));max-height:calc(100dvh - var(--hdr-h,64px));overflow-y:auto;overscroll-behavior:contain}
html body #menu .g.open > .mm{display:block;animation:mm-in var(--hov-dur) var(--hov-ease)}
@keyframes mm-in{from{opacity:0}to{opacity:1}}
.mm-in{max-width:var(--w-wide);margin:0 auto;padding:32px var(--gutter) 40px;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:48px}
.mm-intro{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.mm-t{margin:0;font:700 26px/1.15 var(--font-ui);letter-spacing:-.02em;color:var(--top-ink)}
.mm-d{margin:0;font:400 15px/1.55 var(--font-ui);color:var(--top-ink2);text-wrap:pretty}
html body #menu a.mm-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:0 18px;border-radius:var(--r-btn);background:var(--accent-fill);color:var(--accent-ink);font:600 15px/1 var(--font-ui);text-decoration:none;transition:background-color var(--hov-dur) var(--hov-ease)}
@media (hover:hover){html body #menu a.mm-cta:hover{background:var(--accent-fill-up);color:var(--accent-ink)}}
.mm-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 32px;align-content:start;min-width:0}
.mm-cols.one{grid-template-columns:minmax(0,420px)}
.mm-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-h{margin:0 0 8px;padding:0 12px;font:600 12px/1.3 var(--font-ui);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--ink3)}
html body #menu .mm-col a{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:var(--r-btn);background:transparent;color:var(--top-ink);font:500 15px/1.3 var(--font-ui);text-decoration:none;transition:background-color var(--hov-dur) var(--hov-ease)}
@media (hover:hover){html body #menu .mm-col a:hover{background:var(--hov-bg)}}
html body #menu .mm-col a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-on-soft)}
html body #menu :is(a,button):focus-visible,html body #burger:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:2px}
.mm-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
html body .mm-tools :is(#theme,#lang){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;border-radius:var(--r-btn);box-sizing:border-box}
html body .mm-tools #fsz{display:inline-flex;gap:8px}
html body .mm-tools #fsz button{min-height:44px;min-width:44px;font-size:14px}
html body .mm-tools :is(button,#lang){font:600 14px/1 var(--font-ui);color:var(--top-ink)}
html body .mm-tools #theme,html body .mm-tools #fsz #vs-btn{font-size:18px;font-weight:400}
html body .mm-tools .vset{display:inline-flex}
html body .top .chip{display:none}
.bgr{position:relative;display:inline-block;flex:none;width:18px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
.bgr::before,.bgr::after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform var(--hov-dur) var(--hov-ease),top var(--hov-dur) var(--hov-ease),bottom var(--hov-dur) var(--hov-ease)}
.bgr::before{top:0}.bgr::after{bottom:0}
#burger[aria-expanded="true"] .bgr{background:none}
#burger[aria-expanded="true"] .bgr::before{top:5px;transform:rotate(45deg)}
#burger[aria-expanded="true"] .bgr::after{bottom:5px;transform:rotate(-45deg)}
@media (max-width:1180px) and (min-width:1041px){html body #menu .g > button{padding:0 10px}}
@media (max-width:1040px){
  html body .top .in{flex-wrap:nowrap;min-height:60px}
  html body #burger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;margin-left:auto;font:600 15px/1 var(--font-ui)}
  html body #menu{display:none;position:fixed;left:0;right:0;top:var(--hdr-h,60px);bottom:0;z-index:2;width:auto;margin:0;padding:8px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:0;background:var(--top-bg);border-top:1px solid var(--top-line);overflow-y:auto;overscroll-behavior:contain;order:0}
  html body #menu.open{display:flex}
  html body #menu .g{border-bottom:1px solid var(--top-line)}
  html body #menu .g > button{display:flex;width:100%;justify-content:space-between;min-height:56px;padding:0 4px;border-radius:0;background:transparent;color:var(--top-ink);font:600 17px/1.2 var(--font-ui)}
  html body #menu .g.open > button{background:transparent}
  html body #menu .g > .mm{position:static;max-height:none;overflow:visible;border:0;background:transparent;animation:none}
  .mm-in{display:block;padding:0 0 20px}
  .mm-intro{gap:8px;margin-bottom:20px}
  .mm-t{display:none}
  html body #menu a.mm-cta{align-self:stretch;min-height:48px;margin-top:4px}
  .mm-cols,.mm-cols.one{grid-template-columns:minmax(0,1fr);gap:20px}
  .mm-h{padding:0 4px}
  html body #menu .mm-col a{min-height:48px;padding:12px 4px 12px 12px}
  .mm-tools{flex-wrap:wrap;margin:20px 0 0;padding:0}
  html body .top .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:13px}
  html.mm-open,html.mm-open body{overflow:hidden}
  html.mm-open .top{z-index:40}
}
@media (prefers-reduced-motion:reduce){html body #menu .g.open > .mm{animation:none}html body #menu .g > button::after,.bgr::before,.bgr::after{transition:none}}