/* Shared header/footer navigation populated by nav.js. Center the page label across wide headers and
   within the available brand/control gap on narrow screens. */
/* Use logical margins so the same layout works when the brand is on the right in RTL. */
header .bar.bar-here .brand{margin-inline-start:0;margin-inline-end:0}
header .nav.nav-here{margin:0 auto;gap:0}
.nav .here{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--ink);border-bottom:1px solid var(--ink);padding:3px 0;white-space:nowrap}
.nav .here:hover{color:var(--ink);border-bottom-color:var(--ink)}
@media (min-width:1000px){
  header .bar.bar-here{position:relative}
  header .nav.nav-here{position:absolute;left:50%;transform:translateX(-50%);margin:0}
  header .bar.bar-here .brand{margin-inline-start:0;margin-inline-end:auto}
}
@media (max-width:720px){ .nav .here{font-size:10px;letter-spacing:.12em} }

/* Wallet connection stays in the header on every page. */
.site-wallet-control{position:relative;flex:0 0 auto}
#site-wallet,.site-wallet-button{white-space:nowrap}
.site-wallet-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 32px));padding:16px;display:flex;flex-wrap:wrap;gap:10px;background:var(--sheet);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:30}
.site-wallet-menu[hidden]{display:none}
.site-wallet-address{width:100%;overflow-wrap:anywhere;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.site-wallet-menu .btn{flex:1;text-align:center}
.site-wallet-list .pick{width:100%}
@media(max-width:720px){
  header .bar.bar-here{height:auto;min-height:58px;flex-wrap:wrap;justify-content:flex-end;gap:8px}
  header .bar.bar-here .brand{margin-inline-end:auto}
  #site-wallet,.site-wallet-button{font-size:10px;letter-spacing:.06em;padding:8px 9px}
}

.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-links a,.foot-links button{font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--ink-3);
  background:none;border:0;border-bottom:1px solid transparent;border-radius:0;padding:0 0 1px;cursor:pointer}
.foot-links a:hover,.foot-links button:hover,.foot-links a:focus-visible,.foot-links button:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
.foot a.foot-brand{border-bottom:1px solid transparent}
.foot a.foot-brand:hover{color:var(--ink);border-bottom-color:var(--ink)}