:root {
  --cosmic-bg-1: #05070d;
  --cosmic-bg-2: #0a1020;
  --cosmic-bg-3: #070b12;
  --cosmic-surface: rgba(9, 14, 24, 0.76);
  --cosmic-surface-strong: rgba(11, 17, 29, 0.86);
  --cosmic-border: rgba(201, 162, 39, 0.22);
  --cosmic-border-bright: rgba(232, 200, 64, 0.42);
  --cosmic-text: #efe8dc;
  --cosmic-muted: #c4baa8;
  --cosmic-link: #f0d38a;
  --cosmic-link-hover: #fff0c0;
  --cosmic-gold: #c9a227;
  --cosmic-shadow: 0 16px 46px rgba(0, 0, 0, 0.38);
}

body.cosmic-page {
  background:
    radial-gradient(circle at 14% 12%, rgba(71, 120, 184, 0.18) 0, transparent 26%),
    radial-gradient(circle at 82% 10%, rgba(201, 162, 39, 0.16) 0, transparent 18%),
    radial-gradient(circle at 74% 44%, rgba(114, 52, 125, 0.16) 0, transparent 22%),
    linear-gradient(180deg, var(--cosmic-bg-1) 0%, var(--cosmic-bg-2) 55%, var(--cosmic-bg-3) 100%);
  color: var(--cosmic-text);
  min-height: 100vh;
  position: relative;
}

body.cosmic-page > * {
  position: relative;
  z-index: 2;
}

body.cosmic-page a {
  color: var(--cosmic-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}
body.cosmic-page a:hover,
body.cosmic-page a:focus-visible {
  color: var(--cosmic-link-hover);
}

body.cosmic-page h1,
body.cosmic-page h2,
body.cosmic-page h3,
body.cosmic-page strong,
body.cosmic-page cite { color: #fff7e6; }

body.cosmic-page .intro,
body.cosmic-page .program-intro,
body.cosmic-page .catalog-status,
body.cosmic-page .bio,
body.cosmic-page .breadcrumb,
body.cosmic-page .connect-box p,
body.cosmic-page .connect-box li,
body.cosmic-page .author-profile p,
body.cosmic-page .essay-card p,
body.cosmic-page .domain-card p,
body.cosmic-page .book p,
body.cosmic-page .book-page p,
body.cosmic-page .book-page dd,
body.cosmic-page footer p,
body.cosmic-page footer li,
body.cosmic-page label,
body.cosmic-page small { color: var(--cosmic-muted); }

body.cosmic-page .section-heading,
body.cosmic-page .site-title,
body.cosmic-page .essay-card h2,
body.cosmic-page .domain-card h3,
body.cosmic-page .book h3,
body.cosmic-page .book h2,
body.cosmic-page .book-page h2,
body.cosmic-page .author-profile h2,
body.cosmic-page .connect-box h2,
body.cosmic-page .press-box h2 {
  color: #fff1cc;
}

body.cosmic-page .book,
body.cosmic-page .essay-card,
body.cosmic-page .author-profile,
body.cosmic-page .connect-box,
body.cosmic-page .book-page,
body.cosmic-page .domain-card,
body.cosmic-page .program-root,
body.cosmic-page .program-domain-title,
body.cosmic-page .press-box,
body.cosmic-page footer,
body.cosmic-page .map-card-link,
body.cosmic-page .hero-card,
body.cosmic-page .catalog-note,
body.cosmic-page .feature-box,
body.cosmic-page blockquote {
  background: var(--cosmic-surface);
  border: 1px solid var(--cosmic-border);
  box-shadow: var(--cosmic-shadow);
  backdrop-filter: blur(16px);
}

body.cosmic-page .book,
body.cosmic-page .essay-card,
body.cosmic-page .author-profile,
body.cosmic-page .connect-box,
body.cosmic-page .book-page,
body.cosmic-page .domain-card,
body.cosmic-page .program-root,
body.cosmic-page .program-domain-title,
body.cosmic-page .press-box,
body.cosmic-page footer,
body.cosmic-page .map-card-link,
body.cosmic-page .hero-card,
body.cosmic-page .catalog-note,
body.cosmic-page .feature-box,
body.cosmic-page blockquote {
  border-radius: 14px;
}

body.cosmic-page .program-root,
body.cosmic-page .program-domain-title,
body.cosmic-page .press-box {
  background: linear-gradient(160deg, rgba(14, 22, 38, 0.9), rgba(9, 14, 24, 0.86));
}

body.cosmic-page .book-page,
body.cosmic-page footer {
  background: var(--cosmic-surface-strong);
}

body.cosmic-page .book-page {
  padding: 26px;
}

body.cosmic-page .book img,
body.cosmic-page .author-profile img,
body.cosmic-page .cover {
  box-shadow: 0 18px 40px rgba(0,0,0,0.42), 0 0 0 1px rgba(255,255,255,0.04);
}

body.cosmic-page .program-arrow { color: rgba(240, 211, 138, 0.65); }

body.cosmic-page .button,
body.cosmic-page .press-button,
body.cosmic-page button,
body.cosmic-page input[type="submit"] {
  background: linear-gradient(135deg, #e2c274 0%, #c79c2f 55%, #a77b17 100%);
  color: #0b0f17;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 24px rgba(0,0,0,0.28);
}

body.cosmic-page .button.secondary {
  background: rgba(10, 16, 29, 0.82);
  color: #f0e7d6;
  border: 1px solid rgba(201, 162, 39, 0.26);
}

body.cosmic-page .button:hover,
body.cosmic-page .press-button:hover,
body.cosmic-page button:hover,
body.cosmic-page .button:focus-visible,
body.cosmic-page .press-button:focus-visible,
body.cosmic-page button:focus-visible {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

body.cosmic-page input[type="search"],
body.cosmic-page input[type="text"],
body.cosmic-page input[type="email"],
body.cosmic-page textarea,
body.cosmic-page select {
  background: rgba(5, 10, 20, 0.82);
  color: var(--cosmic-text);
  border: 1px solid rgba(201, 162, 39, 0.24);
}
body.cosmic-page input::placeholder,
body.cosmic-page textarea::placeholder { color: rgba(212, 202, 185, 0.72); }

body.cosmic-page footer {
  width: min(calc(100% - 40px), var(--max-width, 1050px));
  margin: 34px auto 28px;
  padding: 24px;
}

body.cosmic-page .site-header {
  padding-top: 34px;
}

body.cosmic-page .breadcrumb a,
body.cosmic-page .site-title a {
  color: #f6d991;
  text-decoration: none;
}

.cosmic-scene {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.cosmic-scene::before,
.cosmic-scene::after {
  content: "";
  position: absolute;
  inset: 0;
}

.cosmic-stars,
.cosmic-stars-2,
.cosmic-stars-3,
.cosmic-glow,
.cosmic-planet,
.cosmic-meteor,
.cosmic-orbit {
  position: absolute;
  pointer-events: none;
}

.cosmic-sun {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  mix-blend-mode: screen;
}

.cosmic-sun.sun-a {
  width: 220px;
  height: 220px;
  top: 7%;
  right: 20%;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,245,220,0.96) 0%, rgba(255,191,152,0.92) 14%, rgba(220,58,34,0.84) 38%, rgba(129,14,8,0.42) 60%, rgba(129,14,8,0.0) 74%);
  box-shadow: 0 0 36px rgba(220,58,34,0.24), 0 0 80px rgba(170,24,18,0.18), 0 0 140px rgba(120,8,8,0.12);
  opacity: 0.72;
  animation: pulseSunA 12s ease-in-out infinite, driftSunA 46s ease-in-out infinite;
}

.cosmic-sun.sun-b {
  width: 130px;
  height: 130px;
  left: 10%;
  top: 56%;
  background:
    radial-gradient(circle at 40% 40%, rgba(255,236,214,0.95) 0%, rgba(255,166,129,0.9) 16%, rgba(198,39,30,0.82) 40%, rgba(103,10,8,0.35) 62%, rgba(103,10,8,0.0) 78%);
  box-shadow: 0 0 28px rgba(198,39,30,0.22), 0 0 64px rgba(140,16,12,0.16), 0 0 120px rgba(103,10,8,0.1);
  opacity: 0.52;
  animation: pulseSunB 10s ease-in-out infinite, driftSunB 38s ease-in-out infinite;
}

.cosmic-stars,
.cosmic-stars-2,
.cosmic-stars-3 {
  inset: -10%;
  background-repeat: repeat;
  opacity: 0.9;
}

.cosmic-stars {
  background-image:
    radial-gradient(1px 1px at 18% 22%, rgba(255,255,255,0.85) 0, transparent 100%),
    radial-gradient(1px 1px at 35% 74%, rgba(255,255,255,0.75) 0, transparent 100%),
    radial-gradient(1.4px 1.4px at 58% 18%, rgba(201,162,39,0.65) 0, transparent 100%),
    radial-gradient(1px 1px at 72% 52%, rgba(255,255,255,0.7) 0, transparent 100%),
    radial-gradient(1.2px 1.2px at 86% 36%, rgba(255,255,255,0.82) 0, transparent 100%),
    radial-gradient(1px 1px at 12% 86%, rgba(255,255,255,0.7) 0, transparent 100%),
    radial-gradient(1.3px 1.3px at 64% 82%, rgba(201,162,39,0.5) 0, transparent 100%),
    radial-gradient(1px 1px at 28% 42%, rgba(255,255,255,0.8) 0, transparent 100%);
  background-size: 380px 380px;
  animation: cosmicDriftA 160s linear infinite;
}

.cosmic-stars-2 {
  background-image:
    radial-gradient(1px 1px at 22% 12%, rgba(255,255,255,0.65) 0, transparent 100%),
    radial-gradient(1.5px 1.5px at 52% 62%, rgba(125,175,255,0.65) 0, transparent 100%),
    radial-gradient(1px 1px at 78% 28%, rgba(255,255,255,0.72) 0, transparent 100%),
    radial-gradient(1px 1px at 88% 72%, rgba(255,255,255,0.62) 0, transparent 100%),
    radial-gradient(1.3px 1.3px at 14% 48%, rgba(201,162,39,0.45) 0, transparent 100%),
    radial-gradient(1px 1px at 42% 88%, rgba(255,255,255,0.7) 0, transparent 100%),
    radial-gradient(1.2px 1.2px at 66% 14%, rgba(255,255,255,0.55) 0, transparent 100%);
  background-size: 520px 520px;
  opacity: 0.75;
  animation: cosmicDriftB 220s linear infinite;
}

.cosmic-stars-3 {
  background-image:
    radial-gradient(1px 1px at 10% 30%, rgba(255,255,255,0.4) 0, transparent 100%),
    radial-gradient(1px 1px at 38% 58%, rgba(255,255,255,0.38) 0, transparent 100%),
    radial-gradient(1px 1px at 82% 44%, rgba(255,255,255,0.35) 0, transparent 100%),
    radial-gradient(1px 1px at 58% 84%, rgba(255,255,255,0.3) 0, transparent 100%),
    radial-gradient(1.4px 1.4px at 90% 16%, rgba(201,162,39,0.25) 0, transparent 100%);
  background-size: 780px 780px;
  opacity: 0.58;
  animation: cosmicDriftC 280s linear infinite;
}

.cosmic-glow {
  border-radius: 50%;
  filter: blur(14px);
  mix-blend-mode: screen;
}

.cosmic-glow.glow-a {
  width: 32rem;
  height: 32rem;
  left: -10rem;
  top: 8rem;
  background: radial-gradient(circle, rgba(42, 102, 190, 0.24) 0, rgba(42,102,190,0.12) 32%, transparent 70%);
  animation: floatGlowA 34s ease-in-out infinite alternate;
}

.cosmic-glow.glow-b {
  width: 26rem;
  height: 26rem;
  right: -6rem;
  top: 4rem;
  background: radial-gradient(circle, rgba(201, 162, 39, 0.2) 0, rgba(201,162,39,0.1) 34%, transparent 72%);
  animation: floatGlowB 42s ease-in-out infinite alternate;
}

.cosmic-glow.glow-c {
  width: 24rem;
  height: 24rem;
  right: 12%;
  bottom: 10%;
  background: radial-gradient(circle, rgba(104, 48, 125, 0.18) 0, rgba(104,48,125,0.08) 36%, transparent 72%);
  animation: floatGlowC 48s ease-in-out infinite alternate;
}

.cosmic-planet {
  border-radius: 50%;
  box-shadow: inset -22px -24px 44px rgba(0,0,0,0.4), 0 0 42px rgba(255,255,255,0.06);
}

.cosmic-planet.planet-a {
  width: 140px;
  height: 140px;
  left: -32px;
  bottom: 14%;
  background: radial-gradient(circle at 32% 28%, rgba(212,226,255,0.95), rgba(91,126,184,0.82) 24%, rgba(35,54,92,0.96) 68%, rgba(8,14,26,1) 100%);
  opacity: 0.75;
  animation: floatPlanetA 36s ease-in-out infinite;
}

.cosmic-planet.planet-b {
  width: 82px;
  height: 82px;
  right: 12%;
  top: 23%;
  background: radial-gradient(circle at 34% 30%, rgba(248,233,191,0.92), rgba(161,116,41,0.88) 42%, rgba(58,37,12,0.95) 78%, rgba(18,10,3,1) 100%);
  opacity: 0.72;
  animation: floatPlanetB 31s ease-in-out infinite;
}

.cosmic-planet.planet-c {
  width: 190px;
  height: 190px;
  right: -48px;
  bottom: -34px;
  background: radial-gradient(circle at 30% 30%, rgba(217, 228, 255, 0.9), rgba(86, 110, 146, 0.88) 34%, rgba(27, 39, 62, 0.96) 72%, rgba(6, 10, 18, 1) 100%);
  opacity: 0.46;
  animation: floatPlanetC 54s ease-in-out infinite;
}

.cosmic-orbit {
  border: 1px solid rgba(227, 203, 141, 0.12);
  border-radius: 50%;
}

.cosmic-orbit.orbit-a {
  width: 280px;
  height: 280px;
  left: -74px;
  bottom: 7%;
  transform: rotate(12deg);
}

.cosmic-orbit.orbit-b {
  width: 180px;
  height: 120px;
  right: 8%;
  top: 20%;
  transform: rotate(-16deg);
}

.cosmic-meteor {
  width: 180px;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.95), rgba(255,214,138,0.0));
  box-shadow: 0 0 16px rgba(255,255,255,0.35);
  opacity: 0;
}

.cosmic-meteor.meteor-a {
  top: 16%;
  left: 18%;
  transform: rotate(-18deg);
  animation: meteor 13s linear infinite;
}
.cosmic-meteor.meteor-b {
  top: 34%;
  right: 24%;
  transform: rotate(-12deg);
  animation: meteor 17s linear infinite 4s;
}
.cosmic-meteor.meteor-c {
  top: 62%;
  left: 52%;
  transform: rotate(-22deg);
  animation: meteor 19s linear infinite 9s;
}

@keyframes cosmicDriftA {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-120px,-60px,0); }
}
@keyframes cosmicDriftB {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(100px,-80px,0); }
}
@keyframes cosmicDriftC {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-70px,90px,0); }
}
@keyframes floatGlowA { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(40px,-16px,0) scale(1.08);} }
@keyframes floatGlowB { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-48px,18px,0) scale(1.1);} }
@keyframes floatGlowC { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(28px,-26px,0) scale(1.06);} }
@keyframes floatPlanetA { 0%,100% { transform: translate3d(0,0,0);} 50% { transform: translate3d(18px,-14px,0);} }
@keyframes floatPlanetB { 0%,100% { transform: translate3d(0,0,0);} 50% { transform: translate3d(-12px,18px,0);} }
@keyframes floatPlanetC { 0%,100% { transform: translate3d(0,0,0);} 50% { transform: translate3d(-24px,-20px,0);} }
@keyframes meteor {
  0% { opacity: 0; transform: translate3d(0,0,0) rotate(-18deg) scaleX(0.6); }
  6% { opacity: 0.9; }
  14% { opacity: 0; transform: translate3d(220px,110px,0) rotate(-18deg) scaleX(1); }
  100% { opacity: 0; transform: translate3d(220px,110px,0) rotate(-18deg) scaleX(1); }
}


@keyframes pulseSunA { 0%,100% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.05); opacity: 0.82; } }
@keyframes pulseSunB { 0%,100% { transform: scale(1); opacity: 0.48; } 50% { transform: scale(1.08); opacity: 0.6; } }
@keyframes driftSunA { 0%,100% { translate: 0 0; } 50% { translate: -18px 10px; } }
@keyframes driftSunB { 0%,100% { translate: 0 0; } 50% { translate: 16px -12px; } }

@media (prefers-reduced-motion: reduce) {
  .cosmic-stars,
  .cosmic-stars-2,
  .cosmic-stars-3,
  .cosmic-glow,
  .cosmic-planet,
  .cosmic-meteor,
  .cosmic-sun { animation: none !important; }
}

@media (max-width: 860px) {
  .cosmic-planet.planet-a { width: 96px; height: 96px; bottom: 9%; }
  .cosmic-planet.planet-b { width: 56px; height: 56px; }
  .cosmic-planet.planet-c { width: 128px; height: 128px; }
  body.cosmic-page .book-page { padding: 20px; }
  body.cosmic-page footer { padding: 20px; }
}


/* ===== Update 025: Orbital-drop visual pass ===== */
.cosmic-scene::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 12%, transparent 72%, rgba(255,120,82,0.04) 100%),
    radial-gradient(circle at 50% 115%, rgba(255,112,76,0.12) 0%, rgba(160,32,18,0.08) 20%, rgba(26,7,9,0.0) 52%);
}

.cosmic-stars,
.cosmic-stars-2,
.cosmic-stars-3 {
  inset: -15%;
  opacity: 1;
  filter: drop-shadow(0 0 2px rgba(255,255,255,0.15));
}

.cosmic-stars {
  background-image:
    radial-gradient(1.6px 1.6px at 18px 24px, rgba(255,255,255,0.96) 0, transparent 100%),
    radial-gradient(1.4px 1.4px at 92px 78px, rgba(255,249,235,0.95) 0, transparent 100%),
    radial-gradient(1.1px 1.1px at 148px 36px, rgba(255,255,255,0.9) 0, transparent 100%),
    radial-gradient(1.2px 1.2px at 64px 138px, rgba(255,233,184,0.82) 0, transparent 100%),
    radial-gradient(1.8px 1.8px at 176px 164px, rgba(255,255,255,0.98) 0, transparent 100%),
    radial-gradient(1.1px 1.1px at 208px 98px, rgba(201,162,39,0.76) 0, transparent 100%),
    radial-gradient(1.3px 1.3px at 34px 186px, rgba(255,255,255,0.92) 0, transparent 100%);
  background-size: 240px 240px;
  animation: cosmicDriftA 150s linear infinite;
}

.cosmic-stars-2 {
  background-image:
    radial-gradient(1.2px 1.2px at 22px 34px, rgba(255,255,255,0.88) 0, transparent 100%),
    radial-gradient(1.5px 1.5px at 108px 88px, rgba(154,196,255,0.84) 0, transparent 100%),
    radial-gradient(1.1px 1.1px at 174px 28px, rgba(255,255,255,0.82) 0, transparent 100%),
    radial-gradient(1.0px 1.0px at 70px 150px, rgba(255,255,255,0.7) 0, transparent 100%),
    radial-gradient(1.4px 1.4px at 196px 130px, rgba(255,220,158,0.72) 0, transparent 100%),
    radial-gradient(1.0px 1.0px at 132px 208px, rgba(255,255,255,0.78) 0, transparent 100%),
    radial-gradient(1.6px 1.6px at 242px 54px, rgba(255,255,255,0.9) 0, transparent 100%);
  background-size: 300px 300px;
  opacity: 0.92;
  animation: cosmicDriftB 200s linear infinite;
}

.cosmic-stars-3 {
  background-image:
    radial-gradient(0.9px 0.9px at 18px 48px, rgba(255,255,255,0.74) 0, transparent 100%),
    radial-gradient(1px 1px at 56px 12px, rgba(255,255,255,0.62) 0, transparent 100%),
    radial-gradient(0.9px 0.9px at 106px 92px, rgba(255,255,255,0.54) 0, transparent 100%),
    radial-gradient(1px 1px at 164px 40px, rgba(255,255,255,0.52) 0, transparent 100%),
    radial-gradient(0.8px 0.8px at 210px 112px, rgba(255,255,255,0.44) 0, transparent 100%),
    radial-gradient(1px 1px at 250px 180px, rgba(255,222,168,0.36) 0, transparent 100%),
    radial-gradient(0.9px 0.9px at 132px 204px, rgba(255,255,255,0.48) 0, transparent 100%);
  background-size: 180px 180px;
  opacity: 0.72;
  animation: cosmicDriftC 240s linear infinite;
}

.cosmic-horizon,
.cosmic-horizon-glow,
.cosmic-ringed-world,
.cosmic-red-world,
.cosmic-distant-world {
  position: absolute;
  pointer-events: none;
}

.cosmic-horizon {
  left: -12%;
  width: 124%;
  height: 38%;
  bottom: -24%;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255,197,164,0.95) 0%, rgba(255,120,72,0.82) 8%, rgba(176,34,20,0.62) 20%, rgba(74,10,10,0.54) 36%, rgba(14,5,9,0.82) 64%);
  filter: blur(6px);
  opacity: 0.72;
}

.cosmic-horizon-glow {
  left: 8%;
  width: 84%;
  height: 18%;
  bottom: 11%;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 55%, rgba(255,88,54,0.0) 0%, rgba(255,88,54,0.16) 38%, rgba(255,175,134,0.3) 52%, rgba(255,88,54,0.0) 70%);
  filter: blur(12px);
  opacity: 0.74;
}

.cosmic-ringed-world {
  border-radius: 50%;
  box-shadow: inset -22px -22px 36px rgba(0,0,0,0.42), 0 0 42px rgba(255,255,255,0.08);
}
.cosmic-ringed-world .ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-14deg);
  border-radius: 50%;
  border: 3px solid rgba(232, 204, 148, 0.42);
  box-shadow: 0 0 20px rgba(255,210,130,0.1);
}
.cosmic-ringed-world.ringed-a {
  width: 166px;
  height: 166px;
  left: 7%;
  top: 13%;
  background: radial-gradient(circle at 34% 30%, rgba(245,225,179,0.96) 0%, rgba(201,130,62,0.92) 24%, rgba(90,42,17,0.94) 62%, rgba(22,9,3,1) 100%);
  opacity: 0.84;
  animation: floatPlanetB 29s ease-in-out infinite;
}
.cosmic-ringed-world.ringed-a .ring.one { width: 225px; height: 74px; }
.cosmic-ringed-world.ringed-a .ring.two { width: 248px; height: 86px; border-color: rgba(201,162,39,0.2); }
.cosmic-ringed-world.ringed-b {
  width: 104px;
  height: 104px;
  right: 10%;
  top: 19%;
  background: radial-gradient(circle at 36% 30%, rgba(255,242,223,0.92) 0%, rgba(203,73,56,0.9) 26%, rgba(102,18,16,0.9) 62%, rgba(24,6,9,1) 100%);
  opacity: 0.78;
  animation: floatPlanetA 34s ease-in-out infinite;
}
.cosmic-ringed-world.ringed-b .ring.one { width: 156px; height: 52px; }
.cosmic-ringed-world.ringed-b .ring.two { width: 174px; height: 62px; border-color: rgba(255,188,150,0.22); }

.cosmic-red-world {
  width: 122px;
  height: 122px;
  right: 26%;
  top: 8%;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, rgba(255,242,224,0.98) 0%, rgba(255,162,132,0.93) 18%, rgba(196,46,31,0.9) 40%, rgba(104,16,10,0.8) 62%, rgba(28,8,8,0.0) 78%);
  box-shadow: 0 0 36px rgba(196,46,31,0.26), 0 0 80px rgba(104,16,10,0.14);
  opacity: 0.72;
  animation: pulseSunB 11s ease-in-out infinite;
}

.cosmic-distant-world {
  width: 68px;
  height: 68px;
  left: 24%;
  top: 40%;
  border-radius: 50%;
  background: radial-gradient(circle at 36% 30%, rgba(231,242,255,0.92) 0%, rgba(102,142,192,0.86) 32%, rgba(28,50,86,0.9) 68%, rgba(9,16,30,0.0) 80%);
  opacity: 0.68;
  animation: floatPlanetC 46s ease-in-out infinite;
}

@media (max-width: 860px) {
  .cosmic-horizon { height: 30%; bottom: -19%; }
  .cosmic-horizon-glow { bottom: 8%; }
  .cosmic-ringed-world.ringed-a { width: 108px; height: 108px; }
  .cosmic-ringed-world.ringed-a .ring.one { width: 150px; height: 48px; }
  .cosmic-ringed-world.ringed-a .ring.two { width: 166px; height: 56px; }
  .cosmic-ringed-world.ringed-b { width: 72px; height: 72px; }
  .cosmic-ringed-world.ringed-b .ring.one { width: 106px; height: 34px; }
  .cosmic-ringed-world.ringed-b .ring.two { width: 120px; height: 42px; }
  .cosmic-red-world { width: 84px; height: 84px; }
  .cosmic-distant-world { width: 44px; height: 44px; }
}


/* ===== Update 026: Tiered ambience system ===== */
body.cosmic-page:not(.cosmic-hero) .cosmic-scene::before {
  background:
    radial-gradient(circle at 22% 18%, rgba(68, 110, 168, 0.10) 0, transparent 20%),
    radial-gradient(circle at 78% 12%, rgba(188, 55, 42, 0.08) 0, transparent 16%),
    linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 24%, transparent 100%);
}

body.cosmic-page:not(.cosmic-hero) .cosmic-stars {
  opacity: 0.82;
  background-size: 270px 270px;
}
body.cosmic-page:not(.cosmic-hero) .cosmic-stars-2 {
  opacity: 0.72;
  background-size: 340px 340px;
}
body.cosmic-page:not(.cosmic-hero) .cosmic-stars-3 {
  opacity: 0.58;
  background-size: 210px 210px;
}

.cosmic-calm-nebula,
.cosmic-calm-planet {
  position: absolute;
  pointer-events: none;
}

.cosmic-calm-nebula {
  width: 28rem;
  height: 28rem;
  right: -8rem;
  top: 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(130, 58, 155, 0.14) 0%, rgba(72, 111, 190, 0.10) 28%, rgba(130, 58, 155, 0.05) 40%, transparent 72%);
  filter: blur(10px);
  opacity: 0.55;
  animation: floatGlowB 46s ease-in-out infinite alternate;
}

.cosmic-sun.calm-sun {
  width: 92px;
  height: 92px;
  top: 12%;
  right: 13%;
  background:
    radial-gradient(circle at 36% 34%, rgba(255,245,226,0.95) 0%, rgba(255,188,156,0.90) 18%, rgba(203,52,39,0.74) 42%, rgba(102,12,8,0.18) 68%, rgba(102,12,8,0.0) 82%);
  box-shadow: 0 0 24px rgba(203,52,39,0.18), 0 0 60px rgba(102,12,8,0.10);
  opacity: 0.56;
  animation: pulseSunB 12s ease-in-out infinite, driftSunB 42s ease-in-out infinite;
}

.cosmic-calm-planet {
  width: 110px;
  height: 110px;
  left: -28px;
  bottom: 16%;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, rgba(238, 244, 255, 0.92) 0%, rgba(91, 130, 186, 0.78) 30%, rgba(28, 50, 86, 0.88) 66%, rgba(7, 12, 21, 1) 100%);
  box-shadow: inset -18px -18px 28px rgba(0,0,0,0.38), 0 0 30px rgba(255,255,255,0.06);
  opacity: 0.38;
  animation: floatPlanetC 50s ease-in-out infinite;
}

.cosmic-calm-planet.small {
  width: 54px;
  height: 54px;
  left: auto;
  bottom: auto;
  right: 22%;
  top: 33%;
  background: radial-gradient(circle at 34% 30%, rgba(251, 239, 215, 0.92) 0%, rgba(176, 118, 61, 0.78) 34%, rgba(64, 35, 14, 0.92) 70%, rgba(12, 8, 3, 1) 100%);
  opacity: 0.48;
  animation: floatPlanetB 56s ease-in-out infinite;
}

body.cosmic-page:not(.cosmic-hero) .cosmic-meteor {
  opacity: 0;
}
body.cosmic-page:not(.cosmic-hero) .cosmic-meteor.meteor-b {
  animation-duration: 24s;
}

body.cosmic-page:not(.cosmic-hero) .book,
body.cosmic-page:not(.cosmic-hero) .essay-card,
body.cosmic-page:not(.cosmic-hero) .author-profile,
body.cosmic-page:not(.cosmic-hero) .connect-box,
body.cosmic-page:not(.cosmic-hero) .book-page,
body.cosmic-page:not(.cosmic-hero) .domain-card,
body.cosmic-page:not(.cosmic-hero) .program-root,
body.cosmic-page:not(.cosmic-hero) .program-domain-title,
body.cosmic-page:not(.cosmic-hero) .press-box,
body.cosmic-page:not(.cosmic-hero) footer,
body.cosmic-page:not(.cosmic-hero) .map-card-link,
body.cosmic-page:not(.cosmic-hero) .hero-card,
body.cosmic-page:not(.cosmic-hero) .catalog-note,
body.cosmic-page:not(.cosmic-hero) .feature-box,
body.cosmic-page:not(.cosmic-hero) blockquote {
  background: rgba(10, 15, 26, 0.82);
  border-color: rgba(201, 162, 39, 0.16);
}

body.cosmic-page:not(.cosmic-hero) .site-header {
  padding-top: 28px;
}

@media (max-width: 860px) {
  .cosmic-sun.calm-sun { width: 70px; height: 70px; }
  .cosmic-calm-planet { width: 82px; height: 82px; bottom: 12%; }
  .cosmic-calm-planet.small { width: 40px; height: 40px; }
  .cosmic-calm-nebula { width: 18rem; height: 18rem; right: -5rem; }
}


/* ===== Update 027: Darker auxiliary buttons for comfort/readability ===== */
body.cosmic-page .social-links a,
body.cosmic-page .press-button,
body.cosmic-page .universe-map-button {
  color: #f2ddb0 !important;
  background: linear-gradient(180deg, rgba(14, 20, 34, 0.94) 0%, rgba(8, 12, 22, 0.96) 100%) !important;
  border: 1px solid rgba(201, 162, 39, 0.34) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.04);
}

body.cosmic-page .social-links a:hover,
body.cosmic-page .social-links a:focus,
body.cosmic-page .press-button:hover,
body.cosmic-page .press-button:focus,
body.cosmic-page .universe-map-button:hover,
body.cosmic-page .universe-map-button:focus {
  color: #fff0c8 !important;
  background: linear-gradient(180deg, rgba(22, 31, 50, 0.98) 0%, rgba(12, 18, 31, 0.98) 100%) !important;
  border-color: rgba(232, 200, 64, 0.52) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.32), 0 0 0 1px rgba(232, 200, 64, 0.06);
}


/* ===== Update 028: Dark linked information and essay pages ===== */
body.cosmic-page {
  color-scheme: dark;
}

body.cosmic-page article {
  color: #e9e1d3 !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(201, 162, 39, 0.07), transparent 26%),
    linear-gradient(160deg, rgba(12, 18, 31, 0.94), rgba(8, 13, 23, 0.96)) !important;
  border: 1px solid rgba(201, 162, 39, 0.20) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.42) !important;
  backdrop-filter: blur(16px);
}

body.cosmic-page article h1,
body.cosmic-page article h2,
body.cosmic-page article h3 {
  color: #fff3d2 !important;
}

body.cosmic-page article p,
body.cosmic-page article li,
body.cosmic-page article dd,
body.cosmic-page article dt {
  color: #ddd4c5;
}

body.cosmic-page article .subtitle,
body.cosmic-page article .dek,
body.cosmic-page article .byline,
body.cosmic-page article .note,
body.cosmic-page article .paper-list,
body.cosmic-page article .territory-list {
  color: #bfb5a4 !important;
}

body.cosmic-page article .kicker {
  color: #e0bd68 !important;
}

body.cosmic-page article a {
  color: #e5c36e !important;
}
body.cosmic-page article a:hover,
body.cosmic-page article a:focus-visible {
  color: #fff0bd !important;
}

body.cosmic-page article .definition,
body.cosmic-page article blockquote {
  color: #eee5d6 !important;
  background: linear-gradient(135deg, rgba(25, 31, 45, 0.94), rgba(13, 19, 31, 0.96)) !important;
  border-left-color: #c9a227 !important;
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.10);
}

body.cosmic-page article .definition strong,
body.cosmic-page article blockquote strong {
  color: #fff2ce !important;
}

body.cosmic-page article .note,
body.cosmic-page article .paper-list,
body.cosmic-page article .closing {
  border-color: rgba(201, 162, 39, 0.18) !important;
}

body.cosmic-page article .hero {
  border-color: rgba(201, 162, 39, 0.30) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.40) !important;
}

body.cosmic-page article hr {
  border-color: rgba(201, 162, 39, 0.16) !important;
}

body.cosmic-page header .breadcrumb,
body.cosmic-page header .breadcrumb a {
  color: #d9c58e !important;
}

@media (max-width: 680px) {
  body.cosmic-page article {
    padding: 24px 20px !important;
  }
}


/* ===== Deployment 035: Press Room contrast + coverage cards ===== */
body.cosmic-page .archive-note {
  background: linear-gradient(180deg, rgba(13, 20, 34, 0.96) 0%, rgba(7, 12, 23, 0.98) 100%) !important;
  color: #f0e7d6 !important;
  border-left: 4px solid #c9a227 !important;
  border-top: 1px solid rgba(201, 162, 39, 0.20);
  border-right: 1px solid rgba(201, 162, 39, 0.20);
  border-bottom: 1px solid rgba(201, 162, 39, 0.20);
  box-shadow: 0 14px 30px rgba(0,0,0,0.26);
}
body.cosmic-page .archive-note strong { color: #f2ddb0; }
body.cosmic-page .coverage-list { display: grid; gap: 18px; margin-top: 22px; }
body.cosmic-page .coverage-item {
  padding: 20px;
  border: 1px solid rgba(201, 162, 39, 0.22);
  border-radius: 8px;
  background: rgba(7, 12, 22, 0.72);
}
body.cosmic-page .coverage-item h3 { margin-top: 0; color: #f2ddb0; }
body.cosmic-page .coverage-date { color: rgba(240, 211, 138, 0.78); font-weight: 700; }