/* Shared navigation and page rhythm for Index, Docs and Launch. */
:root{--ui-text:#e7e8eb;--ui-muted:#a6abb3;--ui-line:#30343a;--ui-orange:#ff914f;--ui-gutter:24px}
body{background:#111214;color:var(--ui-text)}
body>header,#root>.launch-site-header{box-sizing:border-box;width:100%;max-width:none;min-height:64px;height:64px;padding:10px var(--ui-gutter);margin:0;display:flex;align-items:center;justify-content:flex-start;gap:32px;background:#212427;border-bottom:1px solid var(--ui-line)}
body>header .wordmark,#root>.launch-site-header .wordmark{font:800 25px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;white-space:nowrap;flex:none;color:var(--ui-text)}
body>header .wordmark span,#root>.launch-site-header .wordmark span{color:var(--ui-orange)}
body>header .wordmark sup,#root>.launch-site-header .wordmark sup{font:12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;margin-left:7px;color:var(--ui-muted);vertical-align:super}
header nav[aria-label="Main navigation"]{display:flex;align-items:center;gap:26px;flex-wrap:nowrap;margin:0}
header nav[aria-label="Main navigation"] a{font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;color:var(--ui-text)}
header nav[aria-label="Main navigation"] a[aria-current="page"]{color:var(--ui-text)}
header nav[aria-label="Main navigation"] a[href="/launch/"]{color:var(--ui-orange)}
header nav[aria-label="Main navigation"] a:hover{text-decoration:underline;text-underline-offset:5px}
body>header>.network{margin-left:auto}
header .network{font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;color:var(--ui-orange)}
#root>.launch-site-header .launch-header-actions{margin-left:auto;display:flex;align-items:center;gap:32px}
header .wallet-trigger{box-sizing:border-box;min-height:38px;height:38px;padding:8px 12px;border:1px solid #42474e;border-radius:5px;font:12px/20px ui-monospace,SFMono-Regular,Consolas,monospace;background:#25282d;color:var(--ui-text);margin:0}
body>main,body>footer{width:calc(100% - 48px);max-width:none;margin-left:auto;margin-right:auto}
body #root>.wrap{width:100%;max-width:none;padding:0 var(--ui-gutter);box-sizing:border-box}
body.gallery-view #index{padding-top:20px}
.gallery-heading h1,#root .launch-heading h1,.docs-content #overview-title{font:700 28px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:-.7px!important}
.gallery-heading{margin-bottom:12px}
.docs-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}
.docs-toc{padding:20px 0;top:0}
.docs-toc nav{gap:4px;font-size:14px}
.docs-toc a{padding:7px 10px;border-radius:5px;line-height:1.4}
.docs-toc a:hover{background:#202328;color:var(--ui-text)}
.docs-content>section{padding:22px 0;scroll-margin-top:20px}
.docs-content>section:first-child{padding-top:20px}
.docs-content h2{font-size:28px;line-height:1.25;margin:0 0 14px;letter-spacing:-.4px}
.docs-content h3{font-size:21px;line-height:1.4;margin:20px 0 10px}
.docs-content p,.docs-content li{font-size:17px;line-height:1.75;margin-top:0;margin-bottom:14px}
.docs-content .lede{font-size:19px;margin-bottom:18px}
.docs-content .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:10px}
.docs-content .notice,.docs-content .example-accounting{padding:16px 18px;margin:18px 0;border-radius:5px}
.docs-content .callout{font-size:19px;line-height:1.6;margin:18px 0;padding:12px 18px}
.docs-content li{margin-bottom:8px}
.docs-content details{padding:14px 0}
.docs-content details summary{font-size:16px}
.docs-content .spec-list>div{padding:12px 0;font-size:15px}
.docs-content .docs-facts{margin:16px 0}
.docs-content .docs-facts>div{padding:14px}
@media(max-width:720px){
 :root{--ui-gutter:16px}
 body>header,#root>.launch-site-header{height:auto;min-height:64px;gap:14px;flex-wrap:wrap;padding:12px 16px}
 body>header .wordmark,#root>.launch-site-header .wordmark{font-size:23px}
 header .network{display:none}
 header nav[aria-label="Main navigation"]{gap:18px;order:3;width:100%;padding:4px 0 0}
 body>header>#xmr20-wallet-root,#root>.launch-site-header .launch-header-actions{margin-left:auto}
 header .wallet-trigger{font-size:11px;height:36px;min-height:36px;padding:7px 10px}
 body>main,body>footer{width:calc(100% - 32px)}
 .docs-layout{grid-template-columns:1fr;gap:0}
 .docs-toc{position:static;padding:14px 0;border-bottom:1px solid var(--ui-line)}
 .docs-toc nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px}
 .docs-toc a{white-space:nowrap;background:#1c1f23;border:1px solid var(--ui-line);padding:7px 10px}
 .docs-content>section{padding:20px 0}
 .docs-content .spec-list>div{grid-template-columns:1fr;gap:4px}
 .docs-content p,.docs-content li{font-size:16px}
}
.docs-layout,.docs-toc,.docs-toc nav{min-width:0;max-width:100%}
