/* MOON.lite standard header — loaded LAST on every page so the header sits in exactly the same place everywhere.
   Geometry: 88px tall, 32px side gutters (max 1360px), centered on the viewport regardless of the page's container,
   logo 44px mark + 34px wordmark, links centered on the viewport, actions pinned right. */
nav.nav{box-sizing:border-box!important;height:88px!important;min-height:88px!important;display:flex!important;align-items:center!important;
  gap:28px!important;padding:0 16px!important;margin:0!important;position:relative!important;
  width:min(calc(100vw - 64px - var(--ml-sbw,0px)),1360px)!important;max-width:none!important;
  left:50%!important;transform:translateX(-50%)!important}
nav.nav .brand{display:inline-flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;margin:0!important}
nav.nav .brand__mark{height:44px!important;width:44px!important;object-fit:contain!important;margin:0!important}
nav.nav .brand__word{height:34px!important;width:auto!important;object-fit:contain!important;margin:0!important}
nav.nav .nav__right,nav.nav .nav__actions{margin-left:auto!important;flex:0 0 auto!important}
/* 3-column grid: brand | links (centered when there is room) | actions. The side columns never shrink below their
   content, so the links can never slide under the chain switch / wallet button whatever their width. */
nav.nav{display:grid!important;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr)!important;column-gap:16px!important}
nav.nav>.brand{justify-self:start!important}
nav.nav>.nav__links{position:static!important;transform:none!important;margin:0!important;justify-self:center!important}
nav.nav>.nav__right,nav.nav>.nav__actions{justify-self:end!important;margin-left:0!important}
/* small screens: links collapse (existing DS rule), actions may shrink instead of pushing the page wider */
@media (max-width:560px){
  nav.nav{gap:10px!important;padding:0 8px!important}
  nav.nav .nav__right,nav.nav .nav__actions{min-width:0!important;flex:0 1 auto!important;gap:6px!important}
  nav.nav .ml-chainsw{margin-right:0!important}
  nav.nav .ml-chainsw button{padding:0 8px!important;gap:4px!important}
  nav.nav .btn-connect,nav.nav #connectBtn,nav.nav .nav__right>button{padding:0 12px!important;height:40px!important;font-size:14px!important;white-space:nowrap}
}
/* identical link boxes on every page */
nav.nav .nav__links{gap:6px!important;display:flex;align-items:center}
nav.nav .nav__link{font-size:16px!important;font-weight:500!important;line-height:22px!important;padding:9px 16px!important;height:40px!important;box-sizing:border-box!important;gap:7px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap}
nav.nav .nav__link .nb-badge{font-size:10px!important;line-height:1!important;padding:0 7px!important;height:18px!important;display:inline-flex!important;align-items:center!important}
/* narrower screens: compact links, then icon-only brand, then smaller links, then links hidden */
@media (max-width:1400px){nav.nav .nav__link{padding:9px 11px!important}}
@media (max-width:1240px){nav.nav .brand__word{display:none!important}}
@media (max-width:1100px){nav.nav .nav__link{font-size:14px!important;padding:8px 8px!important}nav.nav .nav__link .nb-badge{display:none!important}}
@media (max-width:980px){nav.nav{grid-template-columns:auto 1fr!important}nav.nav>.nav__links{display:none!important}}