/* lk-topnav — site-wide header menu. Fixed top-right, next to the NL|EN switch, so it never
   collides with each page's own left-aligned brand/back-link row. Icon-only on every breakpoint:
   one behaviour, no desktop/mobile branching, zero wrap/overlap risk. */
/* absolute (not fixed): scrolls away with the page, same as .lk-lang — a fixed button here
   floated over card content while scrolling (Mike 8-10). */
.lk-topnav { position: absolute; top: 25px; right: calc(6vw + 100px); z-index: 71; font-family: var(--lk-mono); }
.lk-topnav__toggle {
  appearance: none; background: rgba(251,250,252,.86); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid var(--lk-hairline-strong); border-radius: 999px; width: 38px; height: 34px;
  font-size: 15px; line-height: 1; color: var(--lk-ink); cursor: pointer;
}
.lk-topnav__menu {
  display: none; position: absolute; top: 44px; right: 0; flex-direction: column; align-items: flex-start;
  gap: 13px; margin: 0; padding: 16px 20px; list-style: none; background: #fff;
  border: 1px solid var(--lk-hairline-strong); border-radius: 14px; box-shadow: 0 24px 50px rgba(20,18,30,.14);
  min-width: 170px;
}
.lk-topnav.is-open .lk-topnav__menu { display: flex; }
.lk-topnav__menu a { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--lk-muted); }
.lk-topnav__menu a:hover, .lk-topnav__menu a[aria-current="page"] { color: var(--lk-ink); }
@media (max-width: 640px) {
  .lk-topnav { top: 22px; right: calc(6vw + 92px); }
}