/* The picker remains visible beside the mobile menu, without obscuring content. */
.header{position:relative;z-index:25;isolation:isolate;clip-path:none;box-shadow:none;gap:22px}
.header::before{content:'';position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);background:#e6edff;z-index:-1}
@media(min-width:701px){.header{justify-content:flex-start;gap:24px}.header>.brand{margin-right:auto}}
.language-picker{position:relative;flex-shrink:0;margin-left:0}
.language-picker>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;border:1px solid #b8c7e8;border-radius:7px;font-size:12px;line-height:1.3;color:#2448aa}
.language-picker>summary::after{content:'⌄';font-size:16px;line-height:1}
.language-picker[open]>summary{background:#d9e4ff}
.language-picker .language-options{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:2px;width:190px;max-width:calc(100vw - 32px);padding:7px;background:#f7f9ff;border:1px solid #c3d0ed;border-radius:9px;box-shadow:0 12px 30px #19233b1c;z-index:30}
.language-picker:not([open]) .language-options{display:none}
.language-options>a{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px;border-radius:5px;font-size:13px;color:#19233b}
.language-options>a:hover,.language-options>a[aria-current=true]{background:#e7edfc}
.language-options>a[aria-current=true]::after{content:'✓';margin-left:auto;color:#244edb}
.language-picker .language-flag{display:inline-block;width:24px;height:16px;flex-shrink:0;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #19233b20;transform:none}
.language-picker .language-code{font-size:12px;font-weight:600;transform:none}
html:not([lang=nl]) .package-hero h1{overflow-wrap:anywhere}
@media(max-width:1050px){.header>nav{gap:14px;font-size:12px}.header{gap:15px}}
@media(max-width:700px){.header{gap:8px}.header>.brand{margin-right:auto}.header>.mobile-nav{margin-left:0}.language-picker>summary{padding:8px;gap:6px}.language-picker .language-flag{width:22px;height:15px}.language-picker>summary::after{display:none}.language-code{font-size:11px}.mobile-nav>nav{right:-76px}.language-picker .language-options{right:0}}
@media(max-width:360px){.header>.brand{font-size:23px;gap:7px}.header>.brand .brand-symbol{width:29px;height:31px;font-size:27px}.mobile-nav>summary{padding:9px;gap:7px}.language-picker>summary{gap:4px;padding:8px 6px}}