/* Hostfully-style language dropdown */
.lang-dd{position:relative;display:inline-flex;align-items:center}
.lang-dd-btn{
  display:inline-flex;align-items:center;gap:4px;
  background:transparent;border:none;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:700;
  color:var(--ink,#000);padding:6px 8px;border-radius:8px;
}
.lang-dd-btn:hover{background:var(--accent2,#f5f5f5)}
.lang-dd-btn .ti{font-size:14px;opacity:.7;transition:transform .15s ease}
.lang-dd-btn-caret{
  display:inline-block;width:0;height:0;margin-left:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.7;
  transition:transform .15s ease;
}
.lang-dd.is-open .lang-dd-btn .ti,
.lang-dd.is-open .lang-dd-btn-caret{transform:rotate(180deg)}
.lang-dd.is-open .lang-dd-btn .ti{transform:rotate(180deg)}
.lang-dd-menu{
  position:absolute;top:calc(100% + 10px);right:0;z-index:200;
  min-width:200px;padding:10px 0;
  background:#fff;border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);
  display:none;
}
.lang-dd.is-open .lang-dd-menu{display:block}
.lang-dd-menu::before{
  content:"";position:absolute;top:-6px;right:18px;
  width:12px;height:12px;background:#fff;transform:rotate(45deg);
  box-shadow:-2px -2px 4px rgba(0,0,0,.04);
}
.lang-dd-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 16px;font-size:14px;font-weight:500;
  color:var(--ink,#111);text-decoration:none;white-space:nowrap;
}
.lang-dd-item:hover{background:#f5f5f5}
.lang-dd-item.is-active,
.lang-dd-item[aria-current="page"]{display:none}
.lang-dd-flag{
  width:22px;height:16px;border-radius:3px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0;
  display:block;background:#eee;
}
.lang-dd-flag-emoji{font-size:16px;line-height:1;width:22px;text-align:center}
@media(max-width:640px){
  .lang-dd-menu{right:auto;left:0}
  .lang-dd-menu::before{right:auto;left:18px}
}