/* XGR.Network new_light3 | Public-site unification, design system v1.
   Editorial hero without a floating white card, quiet translucent reading
   surfaces, and one typographic/color scale. Scope is intentional: do not
   reskin transactional widgets, bridge, staking, or admin controls. */
:root {
  --xgr-u-ink: #102e24;
  --xgr-u-green: #176c48;
  --xgr-u-paper: #f9fbf7;
  --xgr-u-muted: #587064;
  --xgr-u-line: rgba(20,81,54,.15);
  --xgr-u-panel: rgba(251,253,249,.84);
  --xgr-u-max: 1430px;
}
body:not(.bridge-page):not(.stake-page):not(.xgr-kinetic-home) {
  background: radial-gradient(ellipse 48% 40% at 90% 17%,rgba(219,234,220,.35),transparent 85%),var(--xgr-u-paper) !important;
}
/* Body is one background canvas, not a stack of competing neon grids. */
body:not(.xgr-kinetic-home):not(.bridge-page)::after {display:none!important}
body:not(.xgr-kinetic-home):not(.bridge-page) > main,
body:not(.xgr-kinetic-home):not(.bridge-page) > .container,
body:not(.xgr-kinetic-home):not(.bridge-page) > #site-footer,
body:not(.xgr-kinetic-home):not(.bridge-page) > footer {position:relative;z-index:2}
/* Animated brand signature stays BEHIND text/interaction, unlike old z=180. */
body:not(.xgr-kinetic-home) > .xgr-global-ambient-v7 {
  z-index:1!important;opacity:.31!important;
  mix-blend-mode:multiply;pointer-events:none!important;
}
/* A repeatable non-boxed editorial hero for the current and older layouts. */
body.v3-site:not(.xgr-kinetic-home) .v3-subhero,
body:not(.xgr-kinetic-home) .hero-box:not(.no-xgr-panel),
body:not(.xgr-kinetic-home) .page-hero,
body:not(.xgr-kinetic-home) .audience-hero,
body:not(.xgr-kinetic-home) .news-hero,
body:not(.xgr-kinetic-home) .team-hero,
body:not(.xgr-kinetic-home) .contact-hero,
body:not(.xgr-kinetic-home) .tokenomics-hero,
body:not(.xgr-kinetic-home) .status-hero,
body:not(.xgr-kinetic-home) .network-hero,
body:not(.xgr-kinetic-home) .whitepaper-hero {
  position:relative;
  width:100%;max-width:var(--xgr-u-max);
  min-height:0;
  margin:0 auto clamp(32px,5vw,68px)!important;
  padding:clamp(47px,6vw,86px) clamp(18px,3vw,44px) clamp(45px,5vw,74px)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--xgr-u-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--xgr-u-ink)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:left!important;
}
body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero)::before,
body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero)::after,
body.v3-site:not(.xgr-kinetic-home) .v3-subhero::before,
body.v3-site:not(.xgr-kinetic-home) .v3-subhero::after {
  display:none!important;content:none!important;
}
body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero) :is(h1,.xgr-title,.section-title),
body.v3-site:not(.xgr-kinetic-home) .v3-subhero h1 {
  max-width:820px;
  font-size:clamp(2.65rem,4.5vw,4.6rem)!important;
  font-weight:540!important;
  line-height:1.075!important;
  letter-spacing:-.048em!important;
  text-transform:none!important;
  color:var(--xgr-u-ink)!important;
  text-wrap:balance;
}
body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero) :is(.muted,.xgr-lead,p:not(.section-kicker):not(.eyebrow):not(.xgr-kicker)),
body.v3-site:not(.xgr-kinetic-home) .v3-subhero .v3-copy {
  max-width:730px;color:var(--xgr-u-muted)!important;
  font-size:clamp(.98rem,1.18vw,1.12rem);
  line-height:1.72;
}
body:not(.xgr-kinetic-home) :is(.xgr-kicker,.eyebrow,.section-kicker,.page-hero__kicker,.v3-eyebrow) {
  color:#28734c!important;letter-spacing:.13em;font-weight:680;text-transform:uppercase;
}
/* Clear, matching information surfaces, never chunky glass cards or heavy shadows. */
body.v3-site :is(.v3-card,.v3-detail-card,.v3-action-card,.v3-entry,.v3-map),
body:not(.xgr-kinetic-home) :is(.light-section,.contact-panel,.news-card,.team-card,.quickcard,.content-card,.feature-card,.network-card,.status-card,.databox,.audience-panel) {
  border-radius:14px!important;
  border:1px solid var(--xgr-u-line)!important;
  background:var(--xgr-u-panel)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body:not(.xgr-kinetic-home) :is(.light-section,.contact-panel,.news-card,.team-card,.quickcard,.content-card,.feature-card,.network-card,.status-card,.databox,.audience-panel)::before,
body:not(.xgr-kinetic-home) :is(.light-section,.contact-panel,.news-card,.team-card,.quickcard,.content-card,.feature-card,.network-card,.status-card,.databox,.audience-panel)::after {box-shadow:none!important}
body.v3-site:not(.xgr-kinetic-home) .v3-section{margin-top:clamp(48px,6vw,78px)}
body.v3-site:not(.xgr-kinetic-home) .v3-action-card{min-height:0}
/* A consistent content width for legacy and v3 pages. */
body:not(.xgr-kinetic-home) > main.container,
body:not(.xgr-kinetic-home) > main.v3-main,
body:not(.xgr-kinetic-home) > main.audience-main,
body:not(.xgr-kinetic-home) > main.news-main,
body:not(.xgr-kinetic-home) > main.team-main {width:min(var(--xgr-u-max),calc(100% - 48px));max-width:var(--xgr-u-max);margin-inline:auto}
/* Documentation: one sober technical reading experience; nested navigation remains collapsible. */
body:has(.docs-shell) .docs-shell {width:min(1370px,calc(100% - 48px))!important;max-width:1370px!important;padding-top:25px!important}
body:has(.docs-shell) .docs-hero {
  position:relative!important;top:auto!important;
  margin:0 0 22px!important;
  padding:37px 18px 28px!important;
  background:transparent!important;
  border:0!important;border-bottom:1px solid var(--xgr-u-line)!important;
  border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;
  text-align:left!important;
}
body:has(.docs-shell) .docs-hero::after,
body:has(.docs-shell) .docs-hero::before{content:none!important;display:none!important}
body:has(.docs-shell) .docs-hero h1 {font-size:clamp(2.1rem,3.35vw,3.55rem)!important;font-weight:540!important;line-height:1.1!important;letter-spacing:-.04em!important;text-transform:none!important}
body:has(.docs-shell) .docs-container{grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:18px}
body:has(.docs-shell) .docs-nav,
body:has(.docs-shell) .docs-content {
  border:1px solid var(--xgr-u-line)!important;
  border-radius:14px!important;
  background:rgba(251,253,249,.90)!important;
  box-shadow:none!important;
}
body:has(.docs-shell) .docs-nav {top:92px!important;max-height:calc(100dvh - 108px);padding:16px!important}
body:has(.docs-shell) .docs-content {padding:clamp(20px,3vw,38px)!important;min-height:55vh}
body:has(.docs-shell) .docs-content .xgr-md {font-size:.96rem;line-height:1.74;max-width:100%}
body:has(.docs-shell) .docs-menu {gap:3px}
body:has(.docs-shell) :is(.docs-group-title,.docs-subgroup-title) {font-weight:680!important;border-radius:8px!important;line-height:1.4}
body:has(.docs-shell) .docs-menu :is(.docs-link,a) {font-weight:470!important;border-radius:8px;font-size:.87rem}
body:has(.docs-shell) .docs-menu a.active {background:#e6f0e7!important;color:#123d2d!important;font-weight:750!important;box-shadow:none!important;border-color:#c9dfd0!important}
body:has(.docs-shell) .docs-sidebar-search input {border-radius:9px!important;box-shadow:none!important}
body:has(.docs-shell) .docs-toolbar .btn {box-shadow:none!important;border-radius:9px!important;font-weight:650!important}
body:has(.docs-shell) .xgr-md :is(h1,h2,h3) {font-weight:570!important;letter-spacing:-.025em!important;text-transform:none!important;line-height:1.22!important}
body:has(.docs-shell) .xgr-md h1 {font-size:clamp(1.75rem,2.8vw,2.7rem)!important}
body:has(.docs-shell) .xgr-md h2 {font-size:clamp(1.3rem,1.9vw,1.9rem)!important}
body:has(.docs-shell) .xgr-md :not(pre) > code {
  color:#114b36!important;background:#eaf2ed!important;border:1px solid #d5e4db!important;
}
body:has(.docs-shell) .xgr-md pre code {background:none!important;border:0!important;color:#e8f5ee!important}
body:has(.docs-shell) .xgr-md table {box-shadow:none;border-radius:9px}
@media(max-width:980px){
 body:has(.docs-shell) .docs-shell{width:calc(100% - 28px)!important}
 body:has(.docs-shell) .docs-container{grid-template-columns:1fr!important}
 body:has(.docs-shell) .docs-nav{display:none!important}
 body:has(.docs-shell) .docs-mobile-nav{display:block!important}
}
@media(max-width:700px){
 body:not(.xgr-kinetic-home) > main.container,
 body:not(.xgr-kinetic-home) > main.v3-main,
 body:not(.xgr-kinetic-home) > main.audience-main,
 body:not(.xgr-kinetic-home) > main.news-main,
 body:not(.xgr-kinetic-home) > main.team-main{width:calc(100% - 28px)}
 body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero),
 body.v3-site:not(.xgr-kinetic-home) .v3-subhero{padding:44px 10px 41px!important;margin-bottom:32px!important}
 body:not(.xgr-kinetic-home) :is(.hero-box,.page-hero,.audience-hero,.news-hero,.team-hero,.contact-hero,.tokenomics-hero,.status-hero,.network-hero,.whitepaper-hero) h1,
 body.v3-site:not(.xgr-kinetic-home) .v3-subhero h1{font-size:clamp(2.3rem,9.5vw,3.35rem)!important}
 body:has(.docs-shell) .docs-content{padding:20px!important}
}
@media print {
 .xgr-global-ambient-v7{display:none!important}
 body:has(.docs-shell) .docs-content{background:#fff!important;border:0!important;padding:0!important}
}
/* Docs landing: four clear entry points instead of an empty generic article. */
body:has(.docs-shell) .docs-intro {max-width:68ch;margin:0 0 22px;color:var(--xgr-u-muted)}
body:has(.docs-shell) .docs-quickstart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
body:has(.docs-shell) .docs-quickstart a{display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px 22px;border-radius:11px;border:1px solid var(--xgr-u-line);background:rgba(248,252,248,.8);color:var(--xgr-u-ink);text-decoration:none}
body:has(.docs-shell) .docs-quickstart a:hover,body:has(.docs-shell) .docs-quickstart a:focus-visible{border-color:#70a48b;background:#f2f8f1}
body:has(.docs-shell) .docs-quickstart strong{font-size:1.12rem;font-weight:730;color:var(--xgr-u-ink)}
body:has(.docs-shell) .docs-quickstart span{color:var(--xgr-u-muted);font-size:.89rem;line-height:1.52}
@media(max-width:580px){body:has(.docs-shell) .docs-quickstart{grid-template-columns:1fr}}
/* Stay very faint on mobile; desktop legibility benefits from a higher,
 * still-background-level ambient opacity (the previous .22 was invisible). */
@media(max-width:700px) {
  body:not(.xgr-kinetic-home) > .xgr-global-ambient-v7 {opacity:.14!important}
}