/* One balanced celestial scene around a centred reading zone. */
.shared-celestial-cta{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:none;margin:0;min-height:440px;padding:68px 0;border:0;border-radius:0;background:#080e17;display:grid;place-items:center;text-align:center}
.shared-celestial-cta>picture{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%}
.shared-celestial-cta>picture>img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center}
.shared-celestial-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#080e1760 0%,#080e1730 42%,transparent 72%),linear-gradient(0deg,#080e17,transparent 18%,transparent 82%,#080e17)}
.shared-celestial-cta>div{position:relative;box-sizing:border-box;width:87%;max-width:1000px;margin:auto;min-width:0;text-align:center}
.shared-celestial-cta h2{max-width:1000px;font:500 clamp(2.25rem,3.35vw,3.5rem)/1.12 "Space Grotesk",sans-serif;letter-spacing:-.045em;color:#f4e9d7;margin:0 auto 22px;text-wrap:balance}
.shared-celestial-cta p{max-width:630px;font-size:1rem;line-height:1.8;color:#c8ced8;margin:0 auto 28px}
.shared-celestial-cta .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:0}
.shared-celestial-cta .button{max-width:100%;min-height:54px;min-width:200px;padding:16px 30px;font-weight:700;white-space:normal;text-align:center}

/* The art is a background layer, never a separate grid card. */
.kb-detail-hero[data-editorial-hero]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:138px max(6.5%,calc((100% - 1320px)/2)) 74px;min-height:500px;display:flex;align-items:center;background:#0b1220}
.kb-detail-hero[data-editorial-hero]:before{display:block;content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b1220 0%,#0b1220f0 22%,#0b1220a3 42%,#0b122000 69%),linear-gradient(0deg,#0b1220 0%,#0b122090 12%,transparent 38%)}
[data-editorial-hero] .kb-detail-heading{position:relative;min-width:0;width:53%;max-width:700px;z-index:1}
[data-editorial-hero] .kb-detail-heading h1{font-size:clamp(3.25rem,5.5vw,5.75rem);line-height:1.05;margin:0 0 22px;overflow-wrap:normal;text-wrap:balance}
[data-editorial-hero] .kb-detail-heading>p{max-width:490px;font-size:1.02rem;line-height:1.65;margin:0;color:#d7c3a3}
[data-editorial-hero] .kb-detail-heading .kb-theme{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.4}
[data-editorial-hero] .kb-breadcrumb{margin:0 0 26px;line-height:1.6}
[data-editorial-hero] .kb-detail-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 78% 42%,#252136 0%,#101a2a 40%,#0b1220 75%)}
[data-editorial-hero] .kb-detail-art:after{display:none}
[data-editorial-hero] .kb-detail-art img{mix-blend-mode:lighten}
[data-editorial-hero] .kb-detail-art img{position:absolute;right:max(0px,calc((100% - 1600px)/2));top:0;display:block;width:min(70%,860px);height:100%;object-fit:cover;object-position:var(--hero-focal);border:0;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 23%,#000 88%,transparent)}
/* A full astronomical disc/ring fades into the same full-width atmosphere. */
[data-editorial-hero][data-art-fit="contain"] .kb-detail-art img{object-fit:contain;object-position:center;width:min(70%,860px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
[data-editorial-hero="other-planets-asteroids"] .kb-detail-heading h1{font-size:clamp(3rem,4.4vw,4.5rem)}
[data-editorial-hero]+.kb-reader{margin-top:28px}
[data-editorial-hero]+.kb-extended-reading{box-sizing:border-box;width:87%;max-width:1320px;margin:28px auto 64px}
@media(min-width:901px){.shared-celestial-cta h2{white-space:nowrap;text-wrap:wrap}}
@media(max-width:900px){
 [data-editorial-hero] .kb-detail-heading h1{font-size:3.25rem}
 [data-editorial-hero="other-planets-asteroids"] .kb-detail-heading h1{font-size:2.75rem}
 .shared-celestial-cta h2{max-width:760px}
}
@media(max-width:700px){
 .kb-detail-hero[data-editorial-hero]{padding:290px 6% 36px;min-height:500px;align-items:flex-end}
 .kb-detail-hero[data-editorial-hero]:before{background:linear-gradient(0deg,#0b1220 0%,#0b1220f5 24%,#0b1220a6 42%,#0b122000 78%)}
 [data-editorial-hero] .kb-detail-heading{width:100%;max-width:none}
 [data-editorial-hero] .kb-breadcrumb{font-size:.72rem;margin-bottom:18px}
 [data-editorial-hero] .kb-detail-heading h1{font-size:clamp(2.8rem,11vw,4rem);margin-bottom:16px}
 [data-editorial-hero="other-planets-asteroids"] .kb-detail-heading h1{font-size:clamp(2.6rem,10vw,3.6rem)}
 [data-editorial-hero] .kb-detail-heading>p{font-size:.94rem}
 [data-editorial-hero] .kb-detail-heading .kb-theme{font-size:1.35rem}
 [data-editorial-hero] .kb-detail-art img,[data-editorial-hero][data-art-fit="contain"] .kb-detail-art img{right:0;width:100%;height:400px;object-position:var(--hero-focal-mobile,var(--hero-focal));mask-image:linear-gradient(#000 65%,transparent)}
 [data-editorial-hero]+.kb-reader{margin-top:22px}
 [data-editorial-hero]+.kb-extended-reading{width:88%;margin-top:22px}
 .shared-celestial-cta{padding:56px 0;min-height:440px}
 .shared-celestial-cta>picture>img{object-position:center}
 .shared-celestial-cta:after{background:radial-gradient(ellipse at center,#080e1780,transparent 78%),linear-gradient(0deg,#080e17,transparent 18%,transparent 84%,#080e17)}
 .shared-celestial-cta>div{width:88%}
 .shared-celestial-cta h2{font-size:clamp(2rem,7vw,2.65rem);line-height:1.15;margin-bottom:20px}
 .shared-celestial-cta p{font-size:.95rem;margin-bottom:24px}
 .shared-celestial-cta .button{min-height:48px}
}