/* Native disclosure: keyboard and touch work without a custom menu widget. */
.language{ display:none; position:relative; flex:none; font-size:.78rem; }
html[data-language] .language{ display:block; }
.language summary{
  display:flex; align-items:center; justify-content:center; gap:6px;
  min-width:64px; min-height:44px; padding:0 8px;
  border:1px solid currentColor; border-radius:24px; cursor:pointer;
  list-style:none; font-weight:500;
}
.language summary::-webkit-details-marker{ display:none; }
.language summary svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4; }
.language__chevron{ width:5px; height:5px; border-right:1px solid; border-bottom:1px solid; transform:rotate(45deg); margin-top:-3px; }
.language[open] .language__chevron{ transform:rotate(225deg); margin-top:3px; }
.language__options{
  position:absolute; top:calc(100% + 10px); right:0; z-index:20;
  width:190px; padding:6px; border:1px solid rgba(243,234,228,.2);
  border-radius:14px; color:#F3EAE4; background:#0C0705;
  box-shadow:0 12px 32px rgba(0,0,0,.25);
}
.language__options a{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; padding:8px 12px; border-radius:8px; }
.language__options a span{ font-size:.68rem; opacity:.6; }
.language__options a:hover, .language__options a[aria-current]{ background:rgba(243,234,228,.12); }
.language summary:focus-visible, .language__options a:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }