/* Browsing surfaces keep their real search and reference content inside quiet HUD chrome. */
body:not(.universe-page):not(.research-page):not(.about-universe-page):not(.explore-universe-page) .site-header {
  position: sticky;
  top: 12px;
  z-index: 100;
  width: var(--site-shell-width);
  margin-top: 12px;
  padding: 8px 14px;
  border: 1px solid rgba(144, 199, 231, .28);
  border-radius: 16px;
  background: rgba(6, 20, 35, .88);
  box-shadow: 0 13px 45px rgba(0, 0, 0, .24), inset 0 1px rgba(229, 244, 255, .05);
  backdrop-filter: blur(18px);
}

.universe-hub-page .page-hero {
  overflow: hidden;
}
.universe-hub-page .page-hero > * { position: relative; z-index: 1; }
.universe-hub-page .page-hero > .universe-hero-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(5, 17, 31, .58);
  backdrop-filter: blur(2px);
}
.universe-hub-page .page-hero > :not(.universe-hero-art):not(.universe-hero-veil) { z-index: 2; }
.page-hero > .universe-hero-art {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: clamp(24px, 7vw, 110px);
  width: clamp(170px, 22vw, 310px);
  height: auto;
  transform: translateY(-50%);
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 0 35px rgba(94, 151, 211, .12));
}
.page-hero > .universe-hero-art--ship { width: clamp(190px, 20vw, 285px); }
.page-hero > .universe-hero-art--docs {
  width: clamp(150px, 18vw, 250px);
  aspect-ratio: 1;
  border: 1px solid rgba(219, 217, 255, .2);
  border-radius: 50%;
  background: radial-gradient(ellipse at 28% 20%, rgba(236, 237, 255, .7), transparent 21%), repeating-linear-gradient(152deg, transparent 0 12px, rgba(201, 181, 244, .1) 15px 19px, transparent 22px 30px), radial-gradient(circle at 39% 26%, #a9a6d8, #635b9f 39%, #292b5b 68%, #0d1531);
  box-shadow: 0 0 65px rgba(137, 121, 218, .12), inset -19px -25px 35px rgba(3, 9, 32, .65);
}
.universe-hub-page .catalog-marker-panel,
.universe-hub-page .catalog-bar-panel,
.universe-hub-page .catalog-bar-boxed {
  border: 1px solid rgba(140, 203, 233, .27);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(18, 43, 65, .83), rgba(7, 24, 43, .88));
  box-shadow: 0 14px 42px rgba(0, 0, 0, .17), inset 0 1px rgba(223, 244, 255, .04);
  backdrop-filter: blur(13px);
}
.universe-hub-page .catalog-marker-panel { padding: 12px; }
.universe-hub-page .catalog-bar-panel,
.universe-hub-page .catalog-bar-boxed { padding: 20px 23px; }
.universe-hub-page .docs-grid { border-color: rgba(135, 193, 229, .25);background: rgba(7, 21, 38, .73); }
.universe-hub-page .docs-card { background: linear-gradient(145deg, rgba(19, 44, 64, .88), rgba(8, 24, 41, .9));border-color: rgba(143, 196, 227, .25); }
.universe-hub-page .docs-card:hover { border-color: rgba(140, 236, 255, .58);box-shadow: 0 15px 45px rgba(0, 0, 0, .23), 0 0 30px rgba(81, 168, 217, .11); }
.universe-hub-page .catalog-search-input:focus-visible,
.universe-hub-page .catalog-pill:focus-visible { outline: 2px solid #8cecff;outline-offset: 2px; }

@media(max-width:760px) {
  body:not(.universe-page):not(.research-page):not(.about-universe-page):not(.explore-universe-page) .site-header { top: 8px;margin-top:8px;padding:7px 10px; }
  .universe-hub-page .catalog-bar-panel,.universe-hub-page .catalog-bar-boxed { padding: 16px; }
  .page-hero > .universe-hero-art { right: -28px; width: 170px; opacity: .25; }
}

.universe-preview-note,
.universe-preview-empty {
  margin: 18px 0;
  padding: 12px 16px;
  border: 1px solid rgba(140, 236, 255, .28);
  border-radius: 10px;
  color: #a9d7e6;
  background: rgba(9, 38, 59, .82);
  font-size: 13px;
}