/* One shared language control, matching the flag + native-name pattern on timestamp.fit. */
.locale-menu { position:relative; display:block; flex:0 0 auto; margin:0; color:#172b4d; font:500 13px/1.5 system-ui,-apple-system,sans-serif; text-align:start; direction:ltr; }
.locale-menu > summary { display:flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; border:1px solid #d7deea; border-radius:18px; background:#fff; color:#172b4d; cursor:pointer; list-style:none; white-space:nowrap; }
.locale-menu > summary::-webkit-details-marker { display:none; }
.locale-menu[open] > summary { background:#eff6ff; }
.locale-menu :is(summary,a):focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.locale-menu .language-chevron { margin-left:2px; font-size:16px; line-height:1; }
.locale-menu > ul { position:absolute; z-index:1000; inset:100% 0 auto auto; width:220px; max-width:calc(100vw - 32px); max-height:min(70vh,440px); overflow-y:auto; margin:6px 0 0; padding:6px; list-style:none; border:1px solid #d7deea; border-radius:14px; background:#fff; box-shadow:0 12px 36px #18283826; }
.locale-menu li { display:block; margin:0; padding:0; list-style:none; }
.locale-menu li > a { display:flex; align-items:center; gap:10px; min-height:40px; margin:0; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:#172b4d; font:inherit; text-decoration:none; white-space:nowrap; direction:ltr; }
.locale-menu li > a:hover,.locale-menu li > a[aria-current="page"] { background:#eff6ff; color:#1d4ed8; }
.locale-menu .language-flag { display:block; flex:0 0 20px; width:20px; height:15px; margin:0; padding:0; border-radius:2px; object-fit:cover; box-shadow:0 0 0 1px #172b4d12; }
.locale-menu .language-name { color:inherit; font:inherit; letter-spacing:normal; }
.nav-right:has(> .locale-menu) { gap:12px; }
.nav-right:has(> .locale-menu) > .nav-links { gap:10px; }
nav[aria-label="Primary"] > div { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
nav[aria-label="Primary"] > div > .locale-menu { margin-left:auto; }
.locale-utility { display:flex; justify-content:flex-end; padding:16px 24px; }
@media(max-width:1200px) {
 [data-site-nav] :is(.container,.site-nav-inner,.header-inner) { height:auto; min-height:60px; flex-wrap:wrap; padding-top:9px; padding-bottom:9px; }
 [data-site-nav] .nav-right { width:100%; flex-wrap:wrap; gap:8px; }
 [data-site-nav] .nav-right > .nav-links { order:2; width:100%; overflow-x:auto; padding:2px 0 3px; }
 [data-site-nav] .nav-right > .locale-menu { margin-left:auto; }
}
@media(max-width:700px) {
 .site-nav .nav-inner { flex-wrap:wrap; }
 .site-nav .nav-inner > .nav-links { order:2; width:100%; overflow-x:auto; }
 .site-nav .nav-inner > .locale-menu { margin-left:auto; }
}
header:has(> .brand) > .locale-menu { margin-left:auto; }
@media(max-width:850px) {
 body > header:has(.header-right > .locale-menu) { height:auto; flex-wrap:wrap; padding:8px 12px; gap:8px; }
 body > header .header-right:has(> .locale-menu) { display:contents; }
 body > header .header-right > .locale-menu { margin-left:auto; }
 body > header .header-right > .actions { order:2; width:100%; flex-wrap:wrap; }
}
