/* Keep scrolling content inside its own surface; material and era palettes stay local. */
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-journeys {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-journeys > .cu-result-header {
  position: static;
  flex: 0 0 auto;
  margin: 0 0 16px;
  padding: 0;
  background: transparent !important;
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-journey-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--cosmos-line-strong) transparent;
  padding: 4px 4px 12px;
  scroll-padding-block: 8px 16px;
}
.ch-dialog {
  overscroll-behavior: contain;
  scroll-padding-block: 100px 24px;
}
/* On short screens, filters and results share one scroll area under a fixed heading. */
@media (max-height: 640px) {
  html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel {
    top: 88px;
    bottom: 12px;
    max-height: none;
  }
  #stellar-wave .sw-atlas[open][data-presentation="modal"] {
    display: block;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    scroll-padding-block: 104px 24px;
  }
  #stellar-wave .sw-atlas[data-presentation="modal"] > header {
    position: sticky;
    top: 0;
    z-index: 3;
    margin: 0 0 12px;
    padding: 16px 20px;
    background: var(--sf-surface-solid);
  }
  #stellar-wave .sw-atlas[data-presentation="modal"] .sw-atlas-close { margin: 0; }
  #stellar-wave .sw-atlas[data-presentation="modal"] > :is(.sw-atlas-context, .sw-atlas-search, .sw-atlas-scopes, .sw-research-era, .sw-research-note, .sw-atlas-count) {
    margin-left: 20px;
    margin-right: 20px;
  }
  #stellar-wave .sw-atlas[open][data-presentation="modal"] > .sw-atlas-results {
    min-height: 0;
    max-height: none;
    overflow: visible;
    margin: 0 12px;
    padding: 6px 0 8px;
  }
  #stellar-wave .sw-atlas[data-presentation="modal"] > .sw-more {
    display: block;
    margin: 12px auto 24px;
  }
}
@media (max-height: 500px) {
  html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel {
    top: 64px;
  }
}

/* Keep the saved-card empty action visible in landscape-height windows. */
@media (max-height: 500px) {
  html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-results[data-card-style="glass-demo"] {
    top: 64px;
    max-height: calc(100dvh - 76px - env(safe-area-inset-bottom));
    padding-block: 16px;
  }
  html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-results[data-card-style="glass-demo"] .cu-result-header {
    padding-bottom: 12px;
  }
  html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-results[data-card-style="glass-demo"] .cu-list-empty {
    padding: 12px 0;
  }
  html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-results[data-card-style="glass-demo"] .cu-saved-empty-symbol {
    display: none;
  }
}

html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos #exploreDock {
  --explore-surface-inset: 25px;
  scroll-padding-top: 72px;
}
html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos #exploreDock .explore-heading {
  position: sticky;
  top: calc(-1 * var(--explore-surface-inset));
  z-index: 3;
  margin: calc(-1 * var(--explore-surface-inset)) calc(-1 * var(--explore-surface-inset)) 18px;
  padding: 10px var(--explore-surface-inset);
  background: var(--cosmos-bar);
}
html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos #exploreDock .explore-close {
  min-width: 44px;
  min-height: 44px;
}
@media (max-width: 700px) {
  html[data-site-runtime="archive"] body.single-universe #civilization-deep-cosmos #exploreDock {
    --explore-surface-inset: 22px;
  }
}