.kb-space-page { background: #03060b; }
.kb-space-page #orbit-canvas { display: none; }
.kb-space {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: #03060b url('/media/kb-milky-way.webp') center / cover no-repeat;
}
.kb-space[data-ready="true"] { background: #03060b; }
.kb-space canvas { display: block; width: 100%; height: 100%; }
.kb-space-page .page-shell { background: rgba(2, 6, 12, .12); }
.kb-space-page .scanline { opacity: .1; }
.kb-space-page :is(.kb-hero, .kb-library) {
  background: rgba(4, 9, 15, .70);
}
.kb-space-page .kb-toc { background: rgba(4, 9, 16, .78); }
.kb-space-page .kb-viewer-section {
  background:
    radial-gradient(circle at 86% 50%, rgba(255, 67, 47, 0.14), transparent 28%),
    rgba(4, 9, 15, .5);
}
.kb-space-credit { margin: 0; font-size: .7rem; color: #a5b5bd; text-align: right; text-transform: none; letter-spacing: 0; }
.kb-space-credit a { text-decoration: underline; text-underline-offset: 3px; }
.kb-space-page .footer-baseline { background: rgba(4,9,15,.9); color: #c1ccd2; padding: 18px; }
.kb-space-page .kb-space-credit { padding: 12px 18px; border-top: 1px solid var(--line); background: rgba(4,9,15,.9); }
.kb-space-page main { padding-bottom: clamp(96px, 12vw, 180px); }
.kb-space-page .site-footer { padding-bottom: 88px; }
@media (prefers-reduced-motion: reduce) {
  .kb-space-page { scroll-behavior: auto; }
  .kb-space-page *, .kb-space-page *::before, .kb-space-page *::after { animation: none !important; }
}