/* Shared top-nav: hamburger + dropdown with inline Lucide icons.
   Uses each page's existing design tokens; --menubg falls back to --court (opaque). */
.kfrnav{display:flex;justify-content:flex-end;align-items:center;flex:1 1 auto}
.menuwrap{position:relative;margin-left:auto}
.hamb{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.hamb:hover{border-color:var(--ink)}
.hamb:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-color:var(--ink)}
.hamb:active{transform:translateY(1px)}
.hamb svg{width:22px;height:22px}
.kfrmenu{position:absolute;top:calc(100% + 10px);right:0;min-width:216px;z-index:200;
  background:color-mix(in srgb, var(--menubg, var(--court)) 93%, transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid var(--line);border-radius:14px;padding:6px;
  box-shadow:0 16px 44px rgba(0,0,0,.44);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;
  transition:opacity .14s ease,transform .14s ease,visibility .14s}
.kfrmenu.open{opacity:1;visibility:visible;transform:none}
.kfrmenu a,.kfrmenu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  font:600 14px var(--body,'Roboto',Arial,sans-serif);color:var(--ink);text-decoration:none;
  background:transparent;border:none;border-radius:9px;padding:11px 12px;cursor:pointer;white-space:nowrap}
.kfrmenu a:hover,.kfrmenu button:hover{background:var(--panel2)}
.kfrmenu svg{width:18px;height:18px;color:var(--dim);flex:0 0 auto}
.kfrmenu .accent,.kfrmenu .accent svg{color:var(--neon)}
.kfrmenu .div{height:1px;background:var(--line);margin:6px 6px}
.kfrmenu a[hidden]{display:none!important}   /* author display:flex would otherwise beat the UA hidden rule */
.kfrmenu a.signout{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:var(--red,#D64545)}
.kfrmenu a.signout svg{color:var(--red,#D64545)}
.kfrmenu a.signout:hover{background:color-mix(in srgb, var(--red,#D64545) 12%, transparent)}
