/* Language dropdown - last item in the header nav: [flag EN ▾] → list of flag + language name. */
.menu .lang-dd{position:relative;margin-left:-8px}
.lang-dd-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:2px;
  padding:7px 10px;font:600 .74rem/1 var(--sans);letter-spacing:.12em;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s}
.lang-dd-btn:hover,.lang-dd-btn[aria-expanded="true"]{border-color:var(--navy);color:var(--navy)}
.lang-flag{width:20px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(10,24,48,.12);object-fit:cover}
.lang-caret{width:10px;height:6px;transition:transform .2s}
.lang-dd-btn[aria-expanded="true"] .lang-caret{transform:rotate(180deg)}
.lang-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;margin:0;padding:6px;list-style:none;z-index:60;
  background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:0 14px 34px rgba(10,24,48,.14)}
.lang-dd-menu[hidden]{display:none}
.menu .lang-dd-menu a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:2px;font-size:.88rem;font-weight:500;color:var(--ink);letter-spacing:.01em}
.menu .lang-dd-menu a:hover{background:var(--paper-2);color:var(--navy)}
.menu .lang-dd-menu a[aria-current]{color:var(--navy);font-weight:600}
.menu .lang-dd-menu a[aria-current]::after{content:"\2713";margin-left:auto;color:var(--gold)}
@media(max-width:900px){
  .menu .lang-dd{margin:4px 0 0;padding-top:12px;border-top:1px solid var(--line);width:100%}
  .lang-dd-menu{position:static;margin-top:8px;box-shadow:none;min-width:0}
}
/* Make room for the dropdown on narrow desktops (901-1060px) so labels don't wrap. */
@media(min-width:901px) and (max-width:1060px){.menu{gap:18px}}