/* hotpuzzle.net's language menu (templates/hotpuzzle/fragments.html :: navbar), on top of
   /css/jigsawfun/navbar.css: its .jf-lang chip shows the page's language and opens a list of the
   page in each language below it. Uses the same --panel/--line/--text/--accent page tokens. */
.jf-lang-menu { position: relative; }
.jf-lang-menu summary { list-style: none; cursor: pointer; user-select: none; }
.jf-lang-menu summary::-webkit-details-marker { display: none; }
.jf-lang-menu[open] summary { color: var(--accent); border-color: var(--accent); }
.jf-lang-menu ul {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 1;
  min-width: 140px; margin: 0; padding: 6px; list-style: none;
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
}
.jf-lang-menu a {
  display: block; padding: 8px 12px; border-radius: 8px;
  color: var(--text); text-decoration: none; font-size: 14px; font-weight: 600;
}
.jf-lang-menu a:hover, .jf-lang-menu a:focus-visible { background: color-mix(in srgb, var(--accent) 12%, transparent); }
.jf-lang-menu a[aria-current] { color: var(--accent); }