/* LIFE ATLAS — Header locale selector v2.0 */
.nav-actions{gap:12px}
.language-picker{position:relative;flex:0 0 auto;font-size:14px;line-height:1.3;isolation:isolate}
.language-trigger{list-style:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;height:43px;padding:0 13px;border:1px solid rgba(188,167,237,.23);border-radius:12px;background:linear-gradient(180deg,rgba(53,44,73,.66),rgba(34,29,48,.72));color:#eae3f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .17s,background .17s,box-shadow .17s;white-space:nowrap}
.language-trigger::-webkit-details-marker{display:none}
.language-trigger::marker{content:''}
.language-trigger:hover,.language-picker[open] .language-trigger{background:#2d2541;border-color:#9e85db;box-shadow:0 0 0 3px rgba(166,132,255,.075)}
.language-trigger:focus-visible{outline:2px solid #c7b4ff;outline-offset:3px}
.language-trigger .globe-icon{width:18px;height:18px;flex:none;color:#b4a0f3}
.language-current{font-size:13px;font-weight:690;letter-spacing:.005em}
.language-short{display:none;font-size:12px;font-weight:800;letter-spacing:.09em}
.language-chevron{width:13px;height:13px;color:#9b8bb7;transition:transform .18s;flex:none}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-popover{position:absolute;right:0;top:calc(100% + 13px);width:297px;padding:9px;z-index:100;border:1px solid #514368;background:linear-gradient(155deg,#252034,#171421 78%);border-radius:17px;box-shadow:0 22px 60px #000b, 0 0 0 1px #30273d;animation:localeIn .16s ease-out;overflow:hidden}
.language-popover::before{content:'';position:absolute;inset:0 0 auto;height:76px;pointer-events:none;background:radial-gradient(ellipse at top right,#785fa326,transparent 75%)}
.language-popover-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 13px 9px;color:#f0eafc;position:relative}
.language-popover-header strong{font-size:13px;font-weight:780;letter-spacing:.015em}
.language-popover-header small{font-size:11px;color:#ada1c0;font-weight:550}
.language-options{display:grid;grid-template-columns:1fr;gap:3px;padding:4px}
.language-option{position:relative;display:flex;align-items:center;gap:11px;min-height:47px;padding:8px 10px;border:1px solid transparent;border-radius:10px;transition:background .14s,border-color .14s;color:#e8e1f4}
.language-option:hover,.language-option:focus-visible{background:#3a304e;border-color:#514466;outline:none}
.language-option[aria-current="page"]{background:linear-gradient(90deg,rgba(153,117,241,.23),rgba(153,117,241,.07));border-color:rgba(181,147,250,.35)}
.language-code{width:36px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;background:#332b44;color:#bbabe1;font-weight:780;font-size:11px;letter-spacing:.045em}
.language-option[aria-current="page"] .language-code{background:#8d73d0;color:#fff}
.language-labels{min-width:0;display:block;flex:1}
.language-labels b{display:block;font-size:13px;line-height:1.28;font-weight:690}
.language-labels small{display:block;color:#9d92b1;font-size:11px;line-height:1.4;margin-top:2px}
.language-option .selected-icon{width:17px;height:17px;flex:none;color:#ccb6ff}
.language-hint{margin:8px 8px 6px;padding-top:11px;text-align:center;border-top:1px solid rgba(173,152,207,.15);font-size:11px;color:#978ba9}
@keyframes localeIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
/* The six wide navigation chips have been removed. Language picker is now part of the sticky header. */
@media(max-width:970px){.language-current{display:none}.language-short{display:inline}.language-trigger{gap:7px;padding:0 11px}}
@media(max-width:760px){.language-popover{position:fixed;right:15px;left:auto;top:calc(65px + 8px);width:min(297px,calc(100vw - 30px))}.header-inner{gap:9px}.nav-actions{gap:8px}.brand-words span{display:none}.language-trigger{height:39px}.language-popover{max-width:calc(100vw - 28px)}.nav-actions>.button{white-space:nowrap}}
@media(max-width:410px){.nav-actions>.button{padding:10px 10px;font-size:12px}.language-chevron{display:none}.language-trigger{padding:0 9px}.brand-symbol{width:32px;height:32px}.brand{gap:7px}.brand-words strong{font-size:12px;letter-spacing:.06em}}
@media(max-width:345px){.nav-actions>.button{font-size:0}.nav-actions>.button::after{content:'↗';font-size:17px}}
@media(prefers-reduced-motion:reduce){.language-popover{animation:none}}