.language-control{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:56px;height:44px;margin-left:auto;flex-shrink:0;color:var(--ink);border-radius:6px}
.language-control:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.language-control select{position:absolute;inset:0;z-index:1;width:100%;height:100%;appearance:auto;opacity:0;border:0;font:500 16px var(--sans);cursor:pointer}
.language-flag{display:none;width:20px;height:14px;flex-shrink:0;overflow:hidden;border-radius:1px;box-shadow:0 0 0 1px #182f3d22}
.language-flag svg{display:block;width:100%;height:100%}
html:lang(en) .language-flag-en,html:lang(sv) .language-flag-sv,html:lang(nb) .language-flag-nb{display:block}
.language-chevron{width:10px;height:7px;flex-shrink:0}
.header-inner{height:64px;gap:24px}
.brand img{width:128px}
.main-nav{gap:24px}
.language-control~.main-nav .button{margin-left:0}
.menu-toggle{flex-shrink:0}
/* Scandinavian compound words must not force narrow grid columns beyond the viewport. */
html:lang(sv) main,html:lang(nb) main{overflow-wrap:anywhere;hyphens:auto}
.radar-map-title,.radar-wordmark,.radar-product-name{overflow-wrap:normal;hyphens:none}
.radar-map li>span,.radar-index,.row-number,.story-steps li>span{overflow-wrap:normal;hyphens:none;flex-shrink:0;white-space:nowrap}
@media(max-width:1100px){.header-inner{gap:14px}.main-nav{gap:17px}.main-nav>a:not(.button){font-size:11px}.brand img{width:128px}.main-nav .button{gap:9px;padding:10px 12px}}
/* Keep the logo and both controls centred in one compact masthead. */
@media(max-width:1050px){
  .header-inner{height:64px;gap:8px}
  .brand{display:flex;align-items:center;min-height:44px}
  .brand img{width:128px}
  .language-control{margin-left:auto;gap:4px}
  .menu-toggle{display:block;position:relative;width:44px;height:44px;margin-left:0;padding:0;border-radius:6px}
  .menu-toggle span{position:absolute;left:11px;top:50%;width:22px;height:1.5px;margin:0;transform:translateY(-4px)}
  .menu-toggle span+span{transform:translateY(4px)}
  .menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
  .menu-toggle:hover{background:var(--pale)}
  .menu-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .main-nav{top:100%}
  .main-nav>a:not(.button){font-size:18px}
}
@media(max-width:620px){
  .site-header{background:var(--paper)}
  .header-inner{height:56px}
  .brand img{width:104px}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}