/* components/nav.css — the running head of the archive volume:
   bone bar, hairline under-rule, no blur-glass, no glow. */
.nav{ position:sticky; top:0; z-index:50;
  background:rgba(232,230,224,.96);
  border-bottom:1px solid var(--ink) }
.nav::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:var(--tone-sparse); background-size:6px 6px; opacity:.05 }
.nav__inner{ display:flex; align-items:center; gap:1.4rem; height:64px; position:relative;
  width:min(1160px,92vw); margin-inline:auto }
.brand{ display:flex; align-items:center; gap:.8rem; font-family:var(--font-display); font-weight:500;
  letter-spacing:.28em; text-transform:uppercase; color:var(--ink); font-size:1rem; text-decoration:none }
.brand__mark{ width:30px; height:30px; display:grid; place-items:center; font-family:var(--font-display);
  border:1px solid var(--ink); border-radius:0; font-size:.68rem; letter-spacing:.04em; color:var(--ink);
  background:var(--paper) }
.nav__links{ display:flex; gap:.4rem; margin-left:1.4rem }
.nav__link{ padding:.5rem .8rem; border-radius:0; color:var(--fg-muted); font-family:var(--font-mono);
  font-size:11px; letter-spacing:.2em; text-transform:uppercase; text-decoration:none }
.nav__link:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:4px }
/* current page: an ink underline rule — weight marks state, not colour */
.nav__link[aria-current="page"]{ color:var(--ink); box-shadow:inset 0 -2px 0 var(--ink) }
.nav__right{ margin-left:auto; display:flex; align-items:center; gap:.7rem }
.nav__burger{ display:none }
@media (max-width:820px){
  .nav__links{ position:fixed; inset:64px 0 auto 0; flex-direction:column; background:var(--paper);
    border-bottom:1px solid var(--ink); padding:1rem; gap:.2rem; transform:translateY(-130%); transition:.3s; margin:0 }
  .nav__links.open{ transform:none }
  .nav__burger{ display:inline-flex }
}
.wallet{ display:flex; align-items:center; gap:.55rem; padding:.45rem .7rem; border:1px solid var(--rule);
  border-radius:0; font-family:var(--font-mono); font-size:11px; background:none; color:var(--fg-muted) }
.wallet__dot{ width:6px; height:6px; border-radius:50%; border:1px solid var(--ink); background:var(--paper) }
.wallet[data-connected="true"] .wallet__dot{ background:var(--ink) }
.wallet__chain{ font-size:10px; color:var(--fg-muted) }