/* Language menu (top right of the hero), cardanodrep.org 2026-10-27 */
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.langbar { position: absolute; top: 1rem; right: 1rem; z-index: 5; text-align: left; }
.langbar-menu { position: relative; }
.langbar-menu > summary {
  list-style: none;
  display: inline-flex; align-items: center; gap: .45rem;
  min-height: 40px; padding: .45rem .8rem;
  font: 600 .8rem/1 var(--mono, monospace); letter-spacing: .12em;
  color: var(--ink, #e8eefc);
  background: rgba(7, 11, 23, 0.6);
  border: 1px solid var(--line-strong, rgba(120, 170, 255, 0.38));
  border-radius: 999px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: border-color .2s, box-shadow .2s;
}
.langbar-menu > summary::-webkit-details-marker { display: none; }
.langbar-menu > summary::after { content: ""; width: .4rem; height: .4rem; margin-left: .1rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .7; }
.langbar-menu[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.langbar-menu > summary:hover, .langbar-menu > summary:focus-visible, .langbar-menu[open] > summary { border-color: var(--cyan, #38e1ff); box-shadow: var(--glow-cyan, 0 0 18px rgba(56, 225, 255, 0.35)); outline: none; }
.langbar-menu > summary svg { width: 18px; height: 18px; color: var(--cyan, #38e1ff); }
.langbar-menu ul {
  position: absolute; right: 0; top: calc(100% + .5rem);
  min-width: 11rem; max-height: 70vh; overflow: auto;
  margin: 0; padding: .4rem; list-style: none;
  background: var(--panel-solid, #0b1226);
  border: 1px solid var(--line-strong, rgba(120, 170, 255, 0.38));
  border-radius: var(--radius, 14px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55), var(--glow-blue, 0 0 24px rgba(47, 107, 255, 0.45));
}
.langbar-menu li a {
  display: block; padding: .55rem .8rem; border-radius: 9px;
  font: 500 .95rem/1.2 var(--sans, system-ui, sans-serif);
  color: var(--ink-2, #aab6d3); text-decoration: none;
}
.langbar-menu li a:hover, .langbar-menu li a:focus-visible { background: rgba(47, 107, 255, 0.16); color: #fff; outline: none; }
.langbar-menu li a[aria-current="page"] { color: var(--cyan, #38e1ff); }
.langbar-menu li a[aria-current="page"]::before { content: "\2022"; margin-right: .45rem; }
@media (max-width: 600px) { .langbar { top: .6rem; right: .6rem; } }
