/* Decorative topic artwork. Fixed image ratios keep lazy loading stable. */
.astro-topic-art{display:block;overflow:hidden;isolation:isolate;background:#101c30;aspect-ratio:3/2}
.astro-topic-art img{display:block;width:100%;height:100%;object-fit:cover}
.astro-topic-art--thumbnail{flex:0 0 72px;width:72px;height:48px;border-radius:8px}
.astro-topics:has(.astro-topic-art) a{padding:12px 10px;gap:12px}
.astro-topic-hero:has(.astro-topic-art--hero){grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:42px}
.astro-topic-art--hero{width:100%;border-radius:16px;box-shadow:0 16px 40px #12223d16;position:relative}
.astro-topic-art--hero::after{content:'Illustration';position:absolute;right:10px;bottom:9px;padding:3px 7px;border-radius:5px;background:#071324c9;color:#fff;font-size:10px;line-height:1.4;letter-spacing:.02em}
@media(max-width:1050px){.astro-topic-art--thumbnail{flex-basis:60px;width:60px;height:40px}.astro-topics:has(.astro-topic-art) a{gap:8px;padding:10px 7px}.astro-topic-hero:has(.astro-topic-art--hero){grid-template-columns:minmax(0,1fr) 280px;gap:28px}}
@media(max-width:760px){.astro-topic-art--thumbnail{flex:0 0 auto;width:60px;height:40px}.astro-topics:has(.astro-topic-art) a{gap:8px;padding:10px 2px}.astro-topic-hero:has(.astro-topic-art--hero){grid-template-columns:minmax(0,1fr) 220px;gap:22px}.astro-topic-art--hero{border-radius:12px}}
@media(max-width:600px){.astro-topic-hero:has(.astro-topic-art--hero){grid-template-columns:1fr;gap:22px}.astro-topic-art--hero{width:100%;max-height:240px;aspect-ratio:3/2}.astro-topic-art--hero img{aspect-ratio:3/2}}
@media(max-width:360px){.astro-topic-art--thumbnail{width:52px;height:35px}.astro-topics:has(.astro-topic-art) a{font-size:.64rem}}