/* One continuous sky, using the homepage renderer and reading veil.
   Only page backgrounds change; glass, controls and practice previews keep
   their own surfaces. Loaded last for every generated review document. */
body.cc-space {
  isolation: isolate;
  background: #050a17;
}
.cc-space > #stars {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 1;
  pointer-events: none;
}
.cc-space > .atmosphere {
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: 1;
  pointer-events: none;
  background: linear-gradient(#0000002e, #0000002e),
    linear-gradient(90deg, #050a172b, transparent 58%),
    radial-gradient(ellipse at 50% 45%, transparent 24%, #02061033 100%);
}
/* Retire the alternate static skies rather than stacking them over this one. */
.cc-space .mb-atmosphere,
.cc-space .pr-atmosphere,
.cc-space > .space,
.cc-space .gl-space,
.cc-space .dl-space,
.cc-space .nu-vignette { display: none; }
.cc-space .mb-builder-landing { background: transparent; }
.cc-space .wn-process,
.cc-space .d-imprint,
.cc-space .d-aperture,
.cc-space .d-backcast,
.cc-space .d-declaration { background: transparent; }

@media (max-width: 800px) {
  .cc-space > .atmosphere {
    background: linear-gradient(#0000002e, #0000002e),
      radial-gradient(ellipse at 50% 45%, transparent 35%, #02061024 100%);
  }
}
@media (forced-colors: active) {
  body.cc-space { background: Canvas; }
  .cc-space > #stars, .cc-space > .atmosphere { display: none; }
}