/* Shared header arrangement for all local preview pages, including React launch. */
header:has(>nav[aria-label="Main navigation"]){display:flex;align-items:center;gap:24px}
header>nav[aria-label="Main navigation"],header .launch-header-actions{display:contents!important}
header:has(>nav[aria-label="Main navigation"]) .network{display:none!important}
header>nav[aria-label="Main navigation"]>a{order:1;white-space:nowrap;font:14px/1.4 var(--font-ui)}
header>nav[aria-label="Main navigation"]>a[href="/docs/"]{order:2;margin-left:0;color:#e7e8eb}
header>nav[aria-label="Main navigation"]>a[href="/launch/"],header>nav[aria-label="Main navigation"]>a[href="/launch-trial/"]{order:3;margin-left:auto;color:#ff914f}
header>#xmr20-wallet-root,header .launch-header-actions>.wallet-nav{order:4;margin-left:0!important;flex-shrink:0}
@media(max-width:600px){
 header:has(>nav[aria-label="Main navigation"]){flex-wrap:wrap;gap:14px;height:auto}
 header:has(>nav[aria-label="Main navigation"])>.wordmark{order:0;margin-right:auto}
 header>#xmr20-wallet-root,header .launch-header-actions>.wallet-nav{order:0}
 header:has(>nav[aria-label="Main navigation"])::after{content:"";order:0;flex-basis:100%;height:0}
 header>nav[aria-label="Main navigation"]>a[href="/docs/"]{margin-left:0}
}

/* One page shell prevents shifts when switching between local site tabs. */
html{scrollbar-gutter:stable;scroll-padding-top:24px}
body>header:has(>nav[aria-label="Main navigation"]),#root>.launch-site-header{box-sizing:border-box;width:100%;height:68px;min-height:68px;padding:12px 32px;margin:0;gap:24px;flex-wrap:nowrap;background:#232529;border-bottom:1px solid #36383d}
body>header .wordmark,#root>.launch-site-header .wordmark{font:800 23px/1.3 var(--font-display);letter-spacing:-1px;color:#e1e2e4}
body>header .wordmark sup,#root>.launch-site-header .wordmark sup{font:11px var(--font-mono);letter-spacing:0;margin-left:5px;color:#9c9fa6}
header .wallet-trigger{box-sizing:border-box;height:44px;min-height:44px;padding:10px 14px;margin:0;border:1px solid #41454b;border-radius:5px;font:12px/22px var(--font-ui);background:#232529;color:#e7e8eb}
body>main,body>footer{width:calc(100% - 64px);max-width:none;margin-left:auto;margin-right:auto}
body.gallery-view #index{padding-top:30px}
@media(max-width:760px){
 body>header:has(>nav[aria-label="Main navigation"]),#root>.launch-site-header{height:auto;min-height:68px;padding:12px 20px;flex-wrap:wrap;gap:14px}
 header:has(>nav[aria-label="Main navigation"])>.wordmark{order:0;margin-right:auto}
 header>#xmr20-wallet-root,header .launch-header-actions>.wallet-nav{order:0}
 header:has(>nav[aria-label="Main navigation"])::after{content:"";order:0;flex-basis:100%;height:0}
 body>main,body>footer{width:calc(100% - 40px)}
}

/* Align the gallery title with the Flywheel title, including its eyebrow space. */
body.gallery-view #index{padding-top:57.8px}
body.gallery-view .gallery-heading{margin:0 0 20px}
body.gallery-view #index-title{font:700 38px/1.2 var(--font-display)!important;letter-spacing:-1px!important;margin:0}
@media(min-width:1001px){
 body.gallery-view #index{padding-top:46px}
 body.gallery-view #index-title{font-size:34px!important}
}
@media(max-width:760px){
 body.gallery-view #index{padding-top:51.8px}
 body.gallery-view #index-title{font-size:32px!important}
}