/* Language choice lives inside website navigation; the English brand slogan stays visible. */
.language-picker{position:relative;min-width:0;margin:0;color:var(--ink,#152c42);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:7px;width:57px;min-height:44px;padding:7px;border:1px solid #a9bac8;border-radius:5px;background:#fff;cursor:pointer;list-style:none}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker img{display:block;flex:none;width:27px;height:18px;border-radius:2px;box-shadow:0 0 0 1px #0002;object-fit:cover}
.language-chevron{flex:none;width:6px;height:6px;border-right:2px solid #41566a;border-bottom:2px solid #41566a;transform:rotate(45deg);margin-top:-3px}
.language-picker[open] .language-chevron{transform:rotate(225deg);margin-top:3px}
.language-picker>nav{position:absolute;right:0;top:calc(100% + 9px);z-index:300;width:190px;padding:7px;background:#fff;border:1px solid #c6d3df;border-radius:8px;box-shadow:0 12px 30px #152c4229}
.language-picker>nav a{display:flex;align-items:center;gap:13px;min-height:45px;padding:10px 12px;border-radius:5px;color:#152c42;text-decoration:none;font-size:14px;white-space:nowrap}
.language-picker>nav a:hover,.language-picker>nav a[aria-current=page]{background:#edf4fa;color:#104877}
.language-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.language-picker :focus-visible{outline:3px solid #db6a2a;outline-offset:3px}
/* Keep the language list in normal flow inside the scrollable menu. */
.site-nav>.language-picker{padding:0 0 10px;margin:0 0 8px;border-bottom:1px solid var(--line)}
.site-nav .language-picker>summary{width:100%;justify-content:flex-start;gap:12px;padding:10px 12px;border-color:transparent;min-height:46px;font-weight:600}
.site-nav .language-picker>summary .language-sr{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
.site-nav .language-picker .language-chevron{margin-left:auto}
.site-nav .language-picker>nav{position:static;width:100%;margin:6px 0 0;padding:4px;border:0;box-shadow:none;background:#f3f6f9}
.site-nav .language-picker>nav a{white-space:normal;font-size:14px;font-weight:400}
.standalone-language{display:flex;justify-content:flex-end;padding:10px 20px;background:#f3f6f9;border-bottom:1px solid #d9e1e8}
.demo-topbar .language-picker{margin-left:auto}
html:not([lang=nl]) :is(h1,h2,h3,.button,.card){overflow-wrap:anywhere}
html:not([lang=nl]) .demo-dashboard-delta{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:480px){
 .site-header .nav-wrap{width:calc(100% - 32px);column-gap:8px}
 .nav-wrap>.brand{width:auto;min-width:0;gap:10px}
 .nav-wrap>.brand img{width:100px}
 .nav-wrap .brand-tagline{display:block;font-size:10px;line-height:1.5;white-space:nowrap}
 .nav-wrap .menu-button{min-width:64px;padding:8px;font-size:13px;gap:6px}
}
@media(max-width:360px){.nav-wrap>.brand{gap:8px}.nav-wrap>.brand img{width:78px}}
@media(max-width:760px) and (orientation:portrait){.demo-shell .demo-topbar{flex-wrap:wrap}.demo-shell .demo-topbar-actions{min-width:0;flex-wrap:wrap;margin-left:auto}}