/* NetCoin site-wide information architecture and desktop width pass */
:root{
  --nc-max:1480px;
  --nc-max-wide:1760px;
  --nc-shell-pad:clamp(14px,2vw,36px);
  --nc-line:var(--line,var(--bd,#263244));
  --nc-fg:var(--fg,#edf2f7);
  --nc-mut:var(--mut,#9aa7b5);
  --nc-accent:var(--accent,var(--acc,#3ddc97));
  --nc-panel:rgba(255,255,255,.035);
}
.shell,.wrap{max-width:min(var(--nc-max),calc(100vw - 40px))!important;padding-left:var(--nc-shell-pad)!important;padding-right:var(--nc-shell-pad)!important}.topbar{gap:14px!important}.site-nav{align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:8px!important;margin-bottom:10px!important}.site-nav a,.site-nav summary{display:inline-flex!important;align-items:center!important;min-height:36px!important;border:1px solid var(--nc-line)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:var(--nc-fg)!important;font-weight:720!important;font-size:13px!important;text-decoration:none!important;padding:8px 12px!important;white-space:nowrap!important;cursor:pointer!important}.site-nav a:hover,.site-nav summary:hover{border-color:var(--nc-accent)!important}.site-nav a.active{border-color:var(--nc-accent)!important;color:var(--nc-accent)!important;box-shadow:0 0 0 1px rgba(61,220,151,.14) inset!important}.site-more{position:relative;flex:0 0 auto}.site-more summary{list-style:none}.site-more summary::-webkit-details-marker{display:none}.site-more[open] summary{border-color:var(--nc-accent)!important;color:var(--nc-accent)!important}.site-more-panel{position:absolute;right:0;top:44px;z-index:30;min-width:min(420px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--nc-line);border-radius:18px;background:#0c1119;box-shadow:0 20px 60px rgba(0,0,0,.35)}.site-more-panel a{display:block!important;min-height:0!important;border-radius:12px!important;padding:11px!important;background:rgba(255,255,255,.035)!important}.site-more-panel a small{display:block;color:var(--nc-mut);font-weight:600;margin-top:2px;line-height:1.25}.site-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 16px}.site-mode{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-bottom:2px}.site-mode strong{font-size:12px;color:var(--nc-mut);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.site-mode button{width:auto!important;margin:0!important;min-height:32px!important;border:1px solid var(--nc-line)!important;border-radius:999px!important;padding:6px 10px!important;background:transparent!important;color:var(--nc-fg)!important;font-size:12px!important;font-weight:750!important}.site-mode button.active{background:var(--nc-accent)!important;color:#06130b!important;border-color:var(--nc-accent)!important}.site-search{display:flex;gap:6px;min-width:min(420px,40vw)}.site-search input{height:36px!important;margin:0!important;border-radius:999px!important}.site-search button{width:auto!important;height:36px!important;min-width:82px!important;margin:0!important;border-radius:999px!important;padding:0 14px!important}.site-status-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--nc-mut);border:1px solid var(--nc-line);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.025)}.site-status-dot{width:8px;height:8px;border-radius:99px;background:#9aa7b5}.site-status-dot.ok{background:#3ddc97}.site-status-dot.err{background:#ff6b6b}.mode-hint{border:1px solid var(--nc-line);border-radius:16px;padding:12px 14px;background:rgba(0,0,0,.15);color:var(--nc-mut);font-size:13px;margin-bottom:14px}.mode-hint b{color:var(--nc-fg)}.mode-hidden{display:none!important}.site-section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.site-section-tabs a{border:1px solid var(--nc-line);border-radius:999px;padding:7px 10px;color:var(--nc-fg);text-decoration:none;font-size:13px}.site-section-tabs a:hover{border-color:var(--nc-accent)}.error-help{border-left:3px solid var(--nc-accent);padding:10px 12px;border-radius:12px;background:rgba(61,220,151,.08);color:var(--nc-mut);font-size:13px}.compact-json{max-height:180px!important}@media (min-width:1300px){.shell,.wrap{max-width:min(var(--nc-max-wide),calc(100vw - 72px))!important}.hero,.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(360px,460px)!important}.grid,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.split{gap:18px!important}}@media (max-width:900px){.site-tools{grid-template-columns:1fr}.site-search{min-width:0;width:100%}.site-more-panel{left:auto;right:0;grid-template-columns:1fr}.site-mode{padding-bottom:6px}.site-mode strong{display:none}}
/* NetCoin mode clarity: More always remains usable; non-current-mode tools are simply softened. */
.site-tools{align-items:start!important;margin-bottom:10px!important}.site-tools-main{min-width:0}.mode-hint{margin:8px 0 0!important;line-height:1.35!important}.site-status-pill{margin:0 0 12px!important}.site-more-panel a.mode-dimmed{opacity:.7!important}.site-more-panel a.mode-dimmed::after{content:"Also available";display:inline-block;margin-top:7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--nc-mut);border:1px solid var(--nc-line);border-radius:999px;padding:2px 6px}.site-more-panel a.mode-recommended::after{content:"For this mode";display:inline-block;margin-top:7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--nc-accent);border:1px solid rgba(61,220,151,.35);border-radius:999px;padding:2px 6px}.site-more-panel a.mode-hidden{display:block!important}.site-search input{min-width:0!important}@media(max-width:900px){.site-tools{gap:8px!important}.site-search{order:2}.mode-hint{font-size:12px!important}.site-status-pill{margin-bottom:10px!important}}@media(min-width:1280px){:root{--nc-max:1540px;--nc-max-wide:1840px}}

/* NetCoin More menu visibility fix: the dropdown is fixed to the viewport so it is not clipped by the horizontal nav. */
.site-more-panel{position:fixed!important;top:96px!important;right:clamp(14px,3vw,54px)!important;z-index:10000!important;max-width:min(460px,calc(100vw - 28px))!important;max-height:calc(100vh - 124px)!important;overflow:auto!important;}
.site-tools-more{display:inline-flex;position:relative;flex:0 0 auto;margin-left:4px;}
.site-tools-more summary{list-style:none;display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--nc-accent);border-radius:999px;padding:6px 10px;background:rgba(61,220,151,.12);color:var(--nc-accent);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;}
.site-tools-more summary::-webkit-details-marker{display:none;}
.site-tools-more[open] summary{background:var(--nc-accent);color:#06130b;}
.site-tools-more-panel{top:116px!important;}
@media(max-width:900px){.site-more-panel{top:86px!important;left:14px!important;right:14px!important;min-width:0!important;width:auto!important;grid-template-columns:1fr!important}.site-tools-more-panel{top:142px!important}.site-mode{flex-wrap:nowrap}.site-tools-more{margin-left:0}}

/* NetCoin final explorer-style shell: make every public site use the same dark dashboard layout. */
:root{
  --nc-max:1840px;
  --nc-max-wide:1960px;
  --nc-shell-pad:clamp(12px,1.6vw,28px);
  --nc-line:var(--line,var(--bd,#263244));
  --nc-fg:var(--fg,#edf2f7);
  --nc-mut:var(--mut,#9aa7b5);
  --nc-accent:var(--accent,var(--acc,#3ddc97));
  --nc-bg:#080b10;
  --nc-panel:#111722;
}
html{background:var(--nc-bg)!important;color-scheme:dark!important;}
body{
  background:radial-gradient(circle at top left,#132033 0,#080b10 42%,#05070b 100%)!important;
  color:var(--nc-fg)!important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  min-height:100vh!important;
}
.shell,.wrap{
  width:100%!important;
  max-width:min(var(--nc-max),calc(100vw - 24px))!important;
  margin:0 auto!important;
  padding:24px var(--nc-shell-pad) 64px!important;
}
@media(min-width:1500px){.shell,.wrap{max-width:min(var(--nc-max-wide),calc(100vw - 28px))!important;}}
.topbar{
  display:grid!important;
  grid-template-columns:minmax(220px,auto) minmax(280px,1fr)!important;
  align-items:start!important;
  column-gap:18px!important;
  row-gap:12px!important;
  margin-bottom:14px!important;
}
.brand{grid-column:1!important;grid-row:1!important;margin:0!important;align-self:center!important;}
.site-nav{
  grid-column:2!important;grid-row:1!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:0!important;
  padding:0 0 4px!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  flex-wrap:nowrap!important;
}
.site-nav a,.site-nav summary{min-height:38px!important;padding:8px 13px!important;border-radius:999px!important;font-size:13px!important;}
.site-tools{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px)!important;
  align-items:start!important;
  gap:12px!important;
  margin:12px 0 18px!important;
}
.site-tools-main{min-width:0!important;}
.site-mode{gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important;}
.mode-hint{max-width:980px!important;margin-top:8px!important;}
.site-search{
  justify-self:end!important;
  width:min(520px,34vw)!important;
  min-width:320px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
.site-search input{height:38px!important;border-radius:999px!important;}
.site-search button{height:38px!important;min-width:84px!important;border-radius:999px!important;}
.site-status-pill{display:none!important;}
.card,.hero .card,.dashboard-hero .card{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid var(--nc-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
}
.hero,.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(320px,460px)!important;gap:18px!important;}
.grid,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;}
@media(max-width:980px){
  .topbar{display:block!important;}
  .brand{margin-bottom:10px!important;}
  .site-nav{justify-content:flex-start!important;margin-bottom:8px!important;}
  .site-tools{grid-template-columns:1fr!important;gap:8px!important;}
  .site-search{justify-self:stretch!important;width:100%!important;min-width:0!important;}
  .hero,.dashboard-hero{grid-template-columns:1fr!important;}
}

/* NetCoin header collision fix: use three clean rows and keep every control inside the page. */
.topbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(320px,560px)!important;
  grid-template-areas:
    "brand search"
    "nav nav"
    "tools tools"!important;
  align-items:center!important;
  gap:10px 18px!important;
  overflow:visible!important;
  margin-bottom:18px!important;
}
.brand{grid-area:brand!important;min-width:0!important;max-width:100%!important;}
.site-tools{display:contents!important;}
.site-search{
  grid-area:search!important;
  justify-self:end!important;
  align-self:center!important;
  width:min(560px,100%)!important;
  min-width:0!important;
  margin:0!important;
}
.site-search input{width:100%!important;min-width:0!important;}
.site-nav{
  grid-area:nav!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  flex-wrap:nowrap!important;
  margin:2px 0 0!important;
  padding:0 0 6px!important;
}
.site-nav .site-more{display:none!important;}
.site-tools-main{
  grid-area:tools!important;
  min-width:0!important;
  max-width:100%!important;
  display:block!important;
}
.site-mode{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  flex-wrap:nowrap!important;
  padding-bottom:3px!important;
}
.site-tools-more{margin-left:4px!important;}
.mode-hint{
  max-width:none!important;
  width:fit-content!important;
  max-width:100%!important;
  margin:8px 0 0!important;
}
.site-more-panel{
  position:fixed!important;
  top:146px!important;
  right:clamp(12px,2vw,36px)!important;
  left:auto!important;
  z-index:10000!important;
  min-width:min(460px,calc(100vw - 28px))!important;
  max-width:min(520px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 170px)!important;
  overflow:auto!important;
}
.site-tools-more-panel{top:184px!important;}
@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "brand"
      "nav"
      "search"
      "tools"!important;
    gap:10px!important;
  }
  .site-search{justify-self:stretch!important;width:100%!important;}
  .site-nav{padding-bottom:7px!important;}
  .site-mode{gap:6px!important;}
  .site-mode strong{display:inline-flex!important;}
  .mode-hint{width:100%!important;}
  .site-more-panel,.site-tools-more-panel{
    top:156px!important;
    left:12px!important;
    right:12px!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    grid-template-columns:1fr!important;
  }
}
@media(min-width:1600px){
  .topbar{grid-template-columns:minmax(320px,1fr) minmax(420px,620px)!important;}
  .site-search{width:min(620px,100%)!important;}
}


/* NetCoin GitHub/local-wallet instructions shared across all public sites. */
.github-quickstart{margin:18px 0 12px!important;}
.github-quickstart details{width:100%;}
.github-quickstart summary{cursor:pointer;font-weight:850;font-size:15px;color:var(--nc-fg,#edf2f7);}
.github-quickstart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px;}
.github-quickstart h2{font-size:14px!important;margin:0 0 8px!important;}
.github-quickstart pre{white-space:pre-wrap;overflow:auto;max-height:260px;border:1px solid var(--nc-line,#263244);border-radius:14px;padding:12px;background:rgba(0,0,0,.24);font-size:12px;line-height:1.45;}
.github-quickstart-note{grid-column:1/-1;margin:0!important;line-height:1.45;}