/* ═══════════════════════════════════════════════════════════════
   Just Signal — compass nav (sitewide section pills)
   One geometry for every page; colors resolve from each page's own
   tokens via fallback chains: ink  --jsnav-ink  → --ink → --text,
   line --jsnav-line → --line → --border, accent --jsnav-accent →
   --accent. Chophouse sets gold overrides in its page CSS. Used by
   index, app (body + key gate), past_transmissions, chophouse,
   registry, mcp. Report pages keep their own back-links.
   ═══════════════════════════════════════════════════════════════ */
.jsnav{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;max-width:var(--jsnav-max,1100px);margin:0 auto;padding:14px 18px 6px}
.jsnav-brand{font-family:var(--font-brand,'Orbitron',monospace);font-weight:800;font-size:13px;letter-spacing:.16em;text-decoration:none;color:var(--jsnav-ink,var(--ink,var(--text,#3a342c)))}
.jsnav-brand:hover{color:var(--jsnav-accent,var(--accent,#b05730))}
.jsnav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.jsnav-pill{font-family:var(--font-mono,'Syne Mono',monospace);font-size:var(--jsnav-fs,11px);letter-spacing:var(--jsnav-ls,1.4px);text-transform:uppercase;text-decoration:none;line-height:1;white-space:nowrap;color:var(--jsnav-ink,var(--ink,var(--text,#3a342c)));border:1px solid var(--jsnav-line,var(--line,var(--border,rgba(127,127,127,.35))));border-radius:999px;padding:var(--jsnav-pad,7px 13px);transition:color .15s,border-color .15s,background .15s,transform .15s}
.jsnav-pill:hover{color:var(--jsnav-accent,var(--accent,#b05730));border-color:var(--jsnav-accent,var(--accent,#b05730));transform:translateY(-1px);text-decoration:none}
.jsnav-pill:focus-visible{outline:2px solid var(--jsnav-accent,var(--accent,#b05730));outline-offset:2px}
.jsnav-pill[aria-current="page"]{background:var(--jsnav-accent,var(--accent,#b05730));border-color:var(--jsnav-accent,var(--accent,#b05730));color:var(--jsnav-onaccent,#fff)}
.jsnav-pill[aria-current="page"]:hover{transform:none;color:var(--jsnav-onaccent,#fff)}
.jsnav-pill--hot{background:var(--jsnav-accent,var(--accent,#b05730));border-color:var(--jsnav-accent,var(--accent,#b05730));color:var(--jsnav-onaccent,#fff)}
.jsnav-pill--hot:hover{color:var(--jsnav-onaccent,#fff);filter:brightness(1.08)}
@media (max-width:520px){.jsnav{padding:12px 12px 4px;gap:8px 10px}.jsnav-links{width:100%;justify-content:center}.jsnav-pill{--jsnav-fs:10px;--jsnav-pad:6px 10px;--jsnav-ls:1.1px}}
@media (prefers-reduced-motion:reduce){.jsnav-pill{transition:none}.jsnav-pill:hover{transform:none}}