.prime-layout .header-ref nav{position:relative}
.prime-layout .header-ref nav>a:first-child{padding-left:42px}
.language-switch{position:relative;flex-shrink:0;color:var(--text);font:14px/1.4 Manrope,Arial,sans-serif;z-index:30}
.prime-layout .header-ref nav>.language-switch{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0}
.language-switch summary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--bg);cursor:pointer;list-style:none;transition:border-color .2s,background .2s}
.language-switch summary::-webkit-details-marker{display:none}
.language-switch summary>span{font-size:21px;line-height:1}
.language-switch summary:hover,.language-switch[open] summary{border-color:var(--accent);background:var(--surface)}
.language-switch summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.language-options{position:absolute;top:calc(100% + 10px);left:0;min-width:160px;padding:7px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #211c1d18}
.prime-layout .header-ref nav .language-options>a,.post-nav .language-options>a{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:11px 12px;min-height:44px;font:14px/1.4 Manrope,Arial,sans-serif;border-radius:9px;text-decoration:none;white-space:nowrap}
.language-options>a span{font-size:20px}
.language-options>a[aria-current=true]{background:var(--surface);font-weight:700}
.language-options>a:hover{background:var(--surface)}
.post-nav>.language-switch{margin-left:12px}
html[lang=en] .opening-statement h2{font-size:clamp(34px,5.7vw,105px)}
@media(max-width:650px){.prime-layout .header-ref nav>.language-switch{top:4px;transform:none}.prime-layout .header-ref nav>a:first-child{padding-left:37px}.language-switch summary{width:34px;height:34px}.post-nav{flex-wrap:wrap}html[lang=en] .opening-statement h2{font-size:clamp(27px,6.1vw,43px)}}
/* Keep the expanded language list above the following main content. */
.prime-layout .site-sheet>header.header-ref,.prime-layout .site-sheet>header.post-nav{z-index:50;overflow:visible}
.language-switch,.language-options{pointer-events:auto}

/* Larger flags make the language choices clear before clicking. */
.language-options::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.language-options>a span{font-size:32px;line-height:1.15;transition:transform .2s ease}
.language-options>a:hover span,.language-options>a:focus-visible span{transform:scale(1.12)}
.language-switch[open] .language-options{animation:language-choices-in .18s ease-out}
@keyframes language-choices-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-options>a span{transition:none}.language-switch[open] .language-options{animation:none}}