/* Transparent homepage concept: one continuous atmosphere beneath the data. */
body:has(> .page) { --surf: transparent; --bd: rgba(40,52,70,.12); --fa: #737b88; }
body:has(> .page) .atmo { position: fixed; inset: 0; height: 100vh; }
body:has(> .page) .glow.cool { width: 130vw; height: 150vh; left: -55vw; top: -42vh; }
body:has(> .page) .glow.warm { width: 120vw; height: 150vh; right: -55vw; top: -35vh; }
body:has(> .page) .grid { opacity: .65; }
body:has(> .page) .panel,
body:has(> .page) .arrow { background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body:has(> .page) .newsletter-chart-image { mix-blend-mode: multiply; }
body:has(> .page) .newsletter-frame { background: transparent; }
body:has(> .page) #preview-rail { background: rgba(237,239,242,.25); }
html[data-theme="dark"] body:has(> .page) .newsletter-chart-image { mix-blend-mode: normal; }
html[data-theme="dark"] body:has(> .page) #preview-rail { background: rgba(32,32,32,.4); }
/* Let chart blending reach the atmosphere without tinting the navigation. */
body:has(> .page) > .page { z-index: auto; }

/* Homepage color study: Securitize's gray base and white top-center glow. */
html.sidebar-preview:not([data-theme="dark"]):has(body > .page) {
  background-color:#f3f3f3 !important;
  background-image:radial-gradient(65% 70% at 50% 0%,#fff 0%,rgba(255,255,255,.95) 35%,rgba(243,243,243,0) 100%) !important;
  background-size:100% 1400px;
  background-position:center top;
  background-repeat:no-repeat;
}
html.sidebar-preview:not([data-theme="dark"]) body:has(> .page) > .atmo { display:none; }

/* Keep the original cool/warm glass tint on chrome over the neutral page. */
html.sidebar-preview:not([data-theme="dark"]):has(body > .page)::before,
html.sidebar-preview:not([data-theme="dark"]) body:has(> .page) :is(.nav-left,.nav-right) {
  background-color:#edeff2 !important;
  background-image:linear-gradient(#ffffff8c,#ffffff8c),radial-gradient(ellipse 85vw 110vh at 5% 0%,#82a5e16b,transparent 80%),radial-gradient(ellipse 80vw 110vh at 100% 0%,#f2b06066,transparent 80%) !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
}

/* Both floating nav groups use the same cool glass color. */
html.sidebar-preview:not([data-theme="dark"]) body:has(> .page) :is(.nav-left,.nav-right) {
  background:#e9edf5 !important;
}

/* The viewport owns the atmosphere; the inset body must not restart it. */
html.sidebar-preview:not([data-theme="dark"]) body:has(> .page) { background:transparent !important; }