:root{--cs-bg:#030813;--cs-panel:#071222;--cs-panel2:#0a1729;--cs-line:#1c2d43;--cs-text:#f5f7fb;--cs-muted:#aab5c5;--cs-yellow:#ffc400;--cs-yellow2:#ff9f00;--cs-blue:#58a6ff;--cs-green:#6bd66b;--cs-purple:#b979ff;--cs-radius:18px;--cs-shadow:0 16px 50px rgba(0,0,0,.34)}
html[data-theme=dark],body.cs-body{background:var(--cs-bg)!important;color:var(--cs-text)!important}.cs-body{background-image:radial-gradient(circle at 78% 9%,rgba(26,84,145,.18),transparent 25%),radial-gradient(circle at 15% 36%,rgba(255,196,0,.04),transparent 22%),linear-gradient(#030813,#050c19)}
a{color:inherit}.container{max-width:1380px}.cs-header{position:sticky;top:0;z-index:50;background:rgba(3,8,19,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.cs-header-inner{height:82px;display:flex;align-items:center;gap:28px}.cs-brand{display:flex;align-items:center;flex:0 0 220px}.cs-brand img{width:190px;height:64px;object-fit:contain;object-position:left center}.cs-nav{margin-left:auto}.cs-nav .navigation{display:flex;gap:7px;align-items:center;margin:0}.cs-nav .navigation>li>a{display:block;padding:16px 11px;color:#e9edf5;font-size:.95rem;border-bottom:2px solid transparent}.cs-nav .navigation>li.active>a,.cs-nav .navigation>li>a:hover{color:var(--cs-yellow);border-color:var(--cs-yellow)}.cs-search-link{padding:12px}.cs-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.25rem}.cs-hero{min-height:650px;display:flex;align-items:center;background:radial-gradient(ellipse at 84% 38%,rgba(45,93,165,.25),transparent 24%),radial-gradient(circle at 70% 30%,rgba(255,196,0,.06),transparent 18%);position:relative;overflow:hidden}.cs-hero:before,.cs-page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:53px 53px;opacity:.08;pointer-events:none}.cs-hero-grid{display:grid;grid-template-columns:420px 1fr 360px;align-items:center;gap:36px;position:relative}.cs-hero-logo img{width:100%;filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))}.cs-eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--cs-yellow);font-weight:800}.cs-hero-copy h1{font-size:clamp(3.4rem,6vw,6.2rem);line-height:.91;margin:.18em 0}.cs-hero-copy h1 span{color:var(--cs-yellow)}.cs-hero-copy p{font-size:1.1rem;line-height:1.65;color:var(--cs-muted);max-width:650px}.cs-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cs-btn{border:1px solid #34445a;border-radius:999px;padding:14px 22px;text-decoration:none;font-weight:700}.cs-btn.primary{background:linear-gradient(135deg,var(--cs-yellow),var(--cs-yellow2));border:0;color:#121212}.cs-saturn-art{height:420px;position:relative}.cs-planet{position:absolute;top:70px;left:45px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a0,#d6a557 40%,#8c5b28 68%,#352314);box-shadow:inset -25px -14px 40px rgba(0,0,0,.4),0 0 60px rgba(255,196,0,.08)}.cs-planet:after{content:"";position:absolute;width:330px;height:80px;border:17px solid #c49860;border-left-color:#745333;border-right-color:#e4c087;border-radius:50%;left:-60px;top:70px;transform:rotate(-14deg);box-shadow:0 7px 0 rgba(0,0,0,.35)}.cs-section{padding:70px 0}.cs-section-alt{background:rgba(2,7,16,.45);border-top:1px solid rgba(255,255,255,.05)}.cs-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-category-card,.cs-card,.cs-feature-card,.cs-data-card,.cs-feature-wide,.cs-editorial-feature,.cs-comic-demo{background:linear-gradient(180deg,rgba(13,27,47,.96),rgba(7,17,32,.98));border:1px solid var(--cs-line);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow)}.cs-category-card{padding:25px;min-height:225px;text-decoration:none;transition:.25s transform,.25s border-color}.cs-category-card:hover{transform:translateY(-5px);border-color:var(--cs-yellow)}.cs-category-card>i{font-size:1.65rem;color:var(--cs-yellow);margin-bottom:20px}.cs-category-card h2{font-size:1.15rem}.cs-category-card p{color:var(--cs-muted);font-size:.9rem}.cs-category-card span{font-weight:700;color:var(--cs-yellow)}.cs-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.cs-section-heading h2{font-size:2.25rem}.cs-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cs-feature-card{min-height:300px;padding:22px;overflow:hidden}.cs-feature-card>span{font-size:.75rem;text-transform:uppercase;color:var(--cs-yellow);font-weight:800}.cs-feature-card h3{font-size:1.35rem}.cs-feature-card p{color:var(--cs-muted)}.cs-feature-card a{color:var(--cs-yellow);font-weight:700}.cs-page-hero{position:relative;padding:70px 0 40px;background:radial-gradient(circle at 75% 30%,rgba(35,93,164,.22),transparent 30%)}.cs-page-hero-grid{display:grid;grid-template-columns:1fr 200px;align-items:center}.cs-page-hero h1{font-size:clamp(2.8rem,5vw,5rem);margin:.2em 0}.cs-page-hero p{font-size:1.12rem;color:var(--cs-muted);max-width:760px}.cs-page-mark{width:170px;opacity:.9}.cs-section-icon{color:var(--cs-yellow);font-size:2rem}.cs-toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:26px;align-items:center}.cs-filter-set{display:flex;gap:9px;flex-wrap:wrap}.cs-chip{border:1px solid #2a3c54;background:#081425;color:#dce5f2;padding:10px 16px;border-radius:999px}.cs-chip.active,.cs-chip:hover{background:var(--cs-yellow);color:#111;border-color:var(--cs-yellow)}.cs-inline-search,.cs-search-box{display:flex;align-items:center;gap:10px;background:#081425;border:1px solid #2a3c54;border-radius:999px;padding:4px 15px}.cs-inline-search input,.cs-search-box input{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;margin:0!important}.cs-demo-note{padding:12px 16px;border:1px dashed #36506f;border-radius:12px;color:#b9c6d6;margin-bottom:20px}.cs-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cs-card{padding:18px;min-height:210px;overflow:hidden}.cs-card h3{font-size:1.1rem;margin:.7rem 0 .35rem}.cs-card p{font-size:.9rem;color:var(--cs-muted)}.cs-card-media{height:125px;border-radius:12px;background:radial-gradient(circle at 30% 20%,#4c2d78,transparent 25%),radial-gradient(circle at 70% 65%,#0d79aa,transparent 26%),#07101d;display:flex;align-items:center;justify-content:center;color:#fff2;font-size:3rem}.cs-card-meta{font-size:.72rem;color:#7890ac;margin-top:15px}.cs-placeholder{height:130px;border-radius:14px;position:relative;overflow:hidden}.cs-placeholder.meteor{background:radial-gradient(circle at 44% 45%,#514637 0 24%,#241e18 25% 37%,transparent 38%),linear-gradient(145deg,#171d27,#07101c)}.cs-placeholder.mineral{background:conic-gradient(from 25deg at 50% 65%,#5a2b7e,#b36af4,#3d195f,#8e4cc1,#25113c,#5a2b7e);clip-path:polygon(16% 90%,24% 31%,39% 50%,48% 9%,58% 48%,72% 25%,84% 90%)}.cs-placeholder.telescope{background:linear-gradient(170deg,transparent 42%,#8c99aa 43% 51%,#28394c 52% 60%,transparent 61%),radial-gradient(circle at 70% 30%,#1c3551,transparent 31%),#06101d}.cs-placeholder.giant{height:410px}.cs-demo-nebula{background:radial-gradient(ellipse at 35% 38%,rgba(255,151,201,.9),transparent 18%),radial-gradient(ellipse at 55% 48%,rgba(71,150,255,.75),transparent 26%),radial-gradient(ellipse at 65% 25%,rgba(181,80,219,.7),transparent 16%),linear-gradient(135deg,#0d142e,#190e27 50%,#03121d);position:relative}.cs-demo-nebula:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:29px 31px;opacity:.35}.cs-demo-nebula.small{height:125px;border-radius:12px}.cs-astro-layout,.cs-specimen-layout,.cs-split,.cs-editorial-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:24px}.cs-astro-feature{min-height:520px;border-radius:var(--cs-radius);border:1px solid var(--cs-line);overflow:hidden}.cs-image-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.9));z-index:2}.cs-data-card{padding:23px}.cs-data-card dl{display:grid;grid-template-columns:1fr 1.2fr;margin:0}.cs-data-card dt,.cs-data-card dd{padding:9px 0;border-bottom:1px solid #203047;margin:0}.cs-data-card dt{color:#9fb0c5}.cs-data-card dd{color:#fff;text-align:right}.cs-badge{display:inline-flex;padding:5px 9px;border:1px solid #6f5700;border-radius:999px;color:var(--cs-yellow);font-size:.72rem;font-weight:800;background:#251d00}.cs-badge.green{color:#87e487;border-color:#275f37;background:#0b2b16}.cs-badge.purple{color:#d5a5ff;border-color:#6d3e91;background:#261032}.cs-specimen-media{background:#050b13;border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:14px}.cs-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.cs-thumbs .cs-placeholder{height:75px}.cs-map{height:330px;border-radius:var(--cs-radius);border:1px solid var(--cs-line);overflow:hidden;background:#102031}.cs-gallery-demo{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.cs-gallery-demo .cs-placeholder{height:160px}.cs-feature-wide{display:grid;grid-template-columns:1fr 1.8fr;gap:25px;padding:18px;margin-bottom:24px}.cs-stat-row{display:flex;gap:10px;flex-wrap:wrap}.cs-stat-row span{border:1px solid #30435c;padding:8px 12px;border-radius:999px;color:#c4cfdb}.cs-editorial-feature,.cs-comic-demo{padding:24px;min-height:430px}.cs-editorial-feature{display:flex;flex-direction:column;justify-content:end}.cs-comic-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:20px}.cs-comic-panels>div{background:#0e1a29;border:1px solid #33465f;border-radius:10px;padding:7px}.cs-comic-panels img{width:100%;border-radius:8px}.cs-comic-panels span{display:block;font-size:.72rem;background:white;color:#111;padding:5px;border-radius:12px;margin-top:5px;text-align:center;font-weight:700}.cs-big-icon{font-size:2rem;color:var(--cs-yellow)}.cs-search-page{max-width:1000px;margin:80px auto}.cs-search-page h1{font-size:4rem}.cs-search-box{padding:8px 20px;margin:30px 0}.cs-search-box input{font-size:1.25rem;padding:12px!important}.cs-search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.cs-search-hints span{padding:7px 10px;border-radius:999px;background:#0b1727;color:#aab8ca}.cs-footer{border-top:1px solid #18263a;background:#020711;padding:45px 0 20px;color:#aeb9c8}.cs-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.5fr 1fr;gap:28px}.cs-footer-logo{width:160px;height:70px;object-fit:contain;object-position:left}.cs-footer a{color:#dbe4ef;text-decoration:none}.cs-copyright{padding-top:25px;margin-top:25px;border-top:1px solid #152238;text-align:center;font-size:.82rem}.cs-object-detail pre{white-space:pre-wrap;color:#c6d1df;font-size:.8rem}.cs-formula{font-size:1.25rem;color:#d7dff0}.compact{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.cs-nav{display:none}.cs-menu-toggle{display:block;margin-left:auto}.cs-hero-grid{grid-template-columns:300px 1fr}.cs-saturn-art{display:none}.cs-category-grid{grid-template-columns:repeat(2,1fr)}.cs-feature-grid{grid-template-columns:repeat(2,1fr)}.cs-card-grid{grid-template-columns:repeat(2,1fr)}.cs-astro-layout,.cs-specimen-layout,.cs-split,.cs-editorial-grid{grid-template-columns:1fr}.cs-page-mark{display:none}.cs-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{padding-left:18px;padding-right:18px}.cs-header-inner{height:68px}.cs-brand{flex-basis:160px}.cs-brand img{width:145px;height:52px}.cs-hero{min-height:auto;padding:40px 0}.cs-hero-grid{grid-template-columns:1fr}.cs-hero-logo img{max-width:300px;display:block;margin:auto}.cs-hero-copy{text-align:center}.cs-hero-copy h1{font-size:3.4rem}.cs-actions{justify-content:center}.cs-category-grid,.cs-feature-grid,.cs-card-grid,.compact,.cs-footer-grid{grid-template-columns:1fr}.cs-toolbar{align-items:stretch;flex-direction:column}.cs-inline-search{width:100%}.cs-page-hero{padding:45px 0 25px}.cs-page-hero-grid{grid-template-columns:1fr}.cs-page-hero h1{font-size:3rem}.cs-specimen-layout,.cs-feature-wide{grid-template-columns:1fr}.cs-placeholder.giant{height:300px}.cs-astro-feature{min-height:350px}.cs-data-card dl{grid-template-columns:1fr}.cs-data-card dd{text-align:left;padding-top:0}.cs-comic-panels{grid-template-columns:1fr}.cs-search-page h1{font-size:2.5rem}}

.cs-placeholder.fossil{background:radial-gradient(ellipse at 50% 52%,#d0b27c 0 12%,#8c7047 13% 22%,#3b3025 23% 31%,transparent 32%),repeating-radial-gradient(ellipse at 50% 52%,rgba(232,210,166,.45) 0 2px,rgba(80,61,41,.4) 3px 6px,transparent 7px 13px),linear-gradient(145deg,#1c1712,#080d14)}.cs-category-card.fossils>i{color:#d8b879}


/* ===== Cadê Saturno V3: catalogs, clean search, media and logo fixes ===== */
.cs-brand{flex:0 0 185px}
.cs-brand img{display:block;width:172px;height:58px;object-fit:contain;object-position:left center;background:transparent!important}
.cs-hero-logo img,.cs-page-mark,.cs-home-comic-card img,.cs-home-cta-card img{background:transparent!important}

.cs-catalog-hero{position:relative;padding:72px 0 34px;background:radial-gradient(circle at 80% 10%,rgba(40,96,174,.22),transparent 30%);overflow:hidden}
.cs-catalog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:57px 57px;opacity:.06;pointer-events:none}
.cs-catalog-heading{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}
.cs-catalog-heading h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1;margin:.1em 0 .18em}
.cs-catalog-heading p{max-width:820px;color:var(--cs-muted);font-size:1.04rem;margin:0}
.cs-catalog-count{min-width:100px;text-align:center;border:1px solid var(--cs-line);background:#071323;border-radius:16px;padding:13px 18px}
.cs-catalog-count strong{display:block;color:var(--cs-yellow);font-size:1.75rem;line-height:1}
.cs-catalog-count span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cs-muted)}

.cs-catalog-section{padding-top:34px}
.cs-catalog-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:24px}
.cs-catalog-search,.cs-global-search{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #29405e;background:#081425;border-radius:14px;padding:0 15px;box-sizing:border-box}
.cs-catalog-search{width:min(440px,100%);flex:0 1 440px}
.cs-catalog-search input,.cs-global-search input{height:44px!important;min-height:0!important;width:100%;padding:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:.95rem!important;line-height:44px!important;box-shadow:none!important}
.cs-catalog-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.cs-filter-chip{border:1px solid #29405e;background:#071323;border-radius:999px;padding:8px 12px;color:#c8d3e0;font-size:.78rem}

.cs-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cs-catalog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cs-line);background:linear-gradient(180deg,#0b192c,#07111f);border-radius:17px;overflow:hidden;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cs-catalog-card:hover{transform:translateY(-4px);border-color:#725d14;box-shadow:0 18px 42px rgba(0,0,0,.32)}
.cs-catalog-media{aspect-ratio:3/2;position:relative;background:#030914;overflow:hidden}
.cs-catalog-media img{width:100%;height:100%;display:block;object-fit:cover}
.cs-catalog-media .cs-badge{position:absolute;left:12px;top:12px}
.cs-catalog-placeholder{width:100%;height:100%;min-height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,196,0,.11),transparent 28%),linear-gradient(145deg,#0c1c30,#030913);color:var(--cs-yellow);font-size:3rem}
.cs-catalog-card-body{padding:17px 18px 19px;display:flex;flex:1;flex-direction:column}
.cs-catalog-card-body h2{font-size:1.15rem;margin:0 0 8px}
.cs-catalog-card-body p{color:var(--cs-muted);font-size:.88rem;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-catalog-meta{display:flex;gap:7px 12px;flex-wrap:wrap;color:#9eabc0;font-size:.75rem;margin-top:auto;padding-top:7px}
.cs-card-link{display:inline-flex;align-items:center;gap:7px;color:var(--cs-yellow);font-weight:700;font-size:.84rem;margin-top:14px}
.cs-empty-state{border:1px dashed #304867;background:#071221;border-radius:18px;min-height:260px;padding:40px;text-align:center;display:grid;place-items:center;align-content:center;color:var(--cs-muted)}
.cs-empty-state>i{font-size:2.5rem;color:var(--cs-yellow);margin-bottom:12px}
.cs-empty-state h2{color:#fff;margin:.2em 0}

.cs-object-hero{padding:48px 0 26px;background:radial-gradient(circle at 85% 10%,rgba(43,96,171,.2),transparent 28%)}
.cs-back-link{display:inline-flex;gap:8px;align-items:center;color:#aebcce;text-decoration:none;font-size:.85rem;margin-bottom:22px}
.cs-object-title{display:flex;align-items:flex-start;gap:18px}
.cs-object-title h1{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1;margin:.08em 0 .2em}
.cs-object-title p{max-width:800px;color:var(--cs-muted)}
.cs-object-section{padding-top:28px}
.cs-object-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:22px;align-items:start}
.cs-object-main-image{min-height:480px;border:1px solid var(--cs-line);border-radius:18px;overflow:hidden;background:#030914}
.cs-object-main-image img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;margin:auto}
.cs-object-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:9px}
.cs-object-thumbs>div{aspect-ratio:4/3;border:1px solid var(--cs-line);border-radius:10px;overflow:hidden;background:#060d18}
.cs-object-thumbs img{width:100%;height:100%;object-fit:cover}
.cs-object-data{position:sticky;top:102px}
.cs-object-data dl{display:grid;grid-template-columns:minmax(115px,.8fr) 1.2fr;gap:0;margin:0}
.cs-object-data dt,.cs-object-data dd{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.87rem}
.cs-object-data dt{color:#91a1b5}.cs-object-data dd{margin:0;color:#f0f3f8}
.cs-object-description{margin-top:22px}
.cs-object-description p{color:#c3cede;line-height:1.75}

.cs-search-hero{padding-bottom:28px}
.cs-search-section{padding-top:28px}
.cs-search-section>.container{max-width:1050px}
.cs-global-search{width:100%;max-width:760px;margin:0 auto;height:54px}
.cs-global-search input{height:50px!important;line-height:50px!important;font-size:1rem!important}
.cs-search-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px auto 26px;max-width:800px}
.cs-search-hints span{font-size:.75rem;color:#aebbd0;border:1px solid #263c57;border-radius:999px;padding:6px 10px;background:#071322}
.cs-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

.cs-map{height:360px!important;min-height:320px;overflow:hidden;border-radius:14px}
.cs-home-social{display:flex;gap:8px;align-items:center;margin-top:18px;color:#bdc8d8}
.cs-home-social a{color:#fff;text-decoration:none}
.cs-category-card-top{display:flex;justify-content:space-between;align-items:start}
.cs-category-card-top>i{font-size:1.65rem;color:var(--cs-yellow)}
.cs-count-badge{font-size:.72rem!important;background:#16263a;border:1px solid #304866;color:#fff!important;border-radius:999px;padding:4px 8px}
.cs-section-heading>p{max-width:560px;color:var(--cs-muted)}
.cs-home-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cs-home-info-grid .cs-data-card{padding:22px}
.cs-info-icon{font-size:1.5rem;color:var(--cs-yellow);margin-bottom:15px}
.cs-home-editorial{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.cs-home-editorial-copy h2{font-size:clamp(2.2rem,4vw,4rem)}
.cs-home-editorial-copy p{color:var(--cs-muted);font-size:1.05rem;max-width:650px}
.cs-home-comic-card{display:flex;gap:22px;align-items:center;border:1px solid var(--cs-line);background:#071323;border-radius:20px;padding:24px}
.cs-home-comic-card img{width:180px;height:180px;object-fit:contain}
.cs-home-cta-card{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;border:1px solid var(--cs-line);background:linear-gradient(135deg,#09192c,#06101e);border-radius:22px;padding:26px}
.cs-home-cta-card img{width:120px;height:120px;object-fit:contain}
.cs-home-cta-card h2{margin:.15em 0}.cs-home-cta-card p{color:var(--cs-muted);margin:0}

@media (max-width:1150px){
  .cs-catalog-grid{grid-template-columns:repeat(3,1fr)}
  .cs-home-info-grid{grid-template-columns:repeat(2,1fr)}
  .cs-object-layout{grid-template-columns:1fr}
  .cs-object-data{position:static}
}
@media (max-width:820px){
  .cs-catalog-heading{grid-template-columns:auto 1fr}.cs-catalog-count{display:none}
  .cs-catalog-toolbar{align-items:stretch;flex-direction:column}
  .cs-catalog-search{width:100%;max-width:none;flex:auto}
  .cs-catalog-filters{justify-content:flex-start}
  .cs-catalog-grid{grid-template-columns:repeat(2,1fr)}
  .cs-object-main-image{min-height:300px}
  .cs-object-thumbs{grid-template-columns:repeat(4,1fr)}
  .cs-home-editorial{grid-template-columns:1fr}
  .cs-home-cta-card{grid-template-columns:90px 1fr}.cs-home-cta-card>.cs-btn{grid-column:1/-1;text-align:center}
  .cs-home-cta-card img{width:82px;height:82px}
}
@media (max-width:560px){
  .cs-brand{flex-basis:145px}.cs-brand img{width:138px;height:48px}
  .cs-catalog-hero{padding-top:48px}.cs-catalog-heading{grid-template-columns:1fr}.cs-catalog-heading>.cs-section-icon{display:none}
  .cs-catalog-grid{grid-template-columns:1fr}
  .cs-home-info-grid{grid-template-columns:1fr}
  .cs-object-title>.cs-section-icon{display:none}
  .cs-object-thumbs{grid-template-columns:repeat(3,1fr)}
  .cs-home-comic-card{align-items:flex-start;flex-direction:column}.cs-home-comic-card img{width:125px;height:125px}
}


/* ===== V4 Typography + editorial templates ===== */
:root{
  --cs-font-body:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cs-font-display:'Cal Sans','Inter',ui-sans-serif,system-ui,sans-serif;
}
html{font-family:var(--cs-font-body);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
body,.cs-body,input,button,select,textarea{font-family:var(--cs-font-body)!important;letter-spacing:-.006em}
h1,h2,h3,h4,h5,h6,.cs-display,.cs-brand-title{font-family:var(--cs-font-display)!important;font-weight:400!important;letter-spacing:-.025em}
.cs-nav a,.cs-btn,.cs-eyebrow,.cs-badge,.cs-card-link{font-family:var(--cs-font-body)!important}
p,li,dd{line-height:1.68}
.cs-hero-copy h1{font-size:clamp(3rem,5.6vw,5.75rem);line-height:.95;letter-spacing:-.045em}
.cs-section-heading h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.03}
.cs-category-card h2,.cs-feature-card h3{letter-spacing:-.02em}
.cs-eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:750}
.cs-nav a{font-size:.9rem;font-weight:560;letter-spacing:-.01em}
.cs-btn{font-weight:700}
input[type="search"],input[type="text"],input[type="email"],select,textarea{
  font-size:.94rem!important;
  border-radius:12px!important;
}
.cs-category-card,.cs-feature-card,.cs-data-card,.cs-catalog-card{
  backdrop-filter:saturate(120%);
}

/* Editorial common */
.cs-editorial-hero{padding:66px 0 34px;background:radial-gradient(circle at 78% 0%,rgba(47,102,183,.18),transparent 34%)}
.cs-editorial-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1;margin:.1em 0}
.cs-editorial-hero p{max-width:800px;color:var(--cs-muted);font-size:1.05rem}
.cs-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start}
.cs-prose{max-width:850px;font-size:1.02rem;color:#cbd5e2}
.cs-prose h2{font-size:2rem;color:#fff;margin-top:1.55em}
.cs-prose h3{font-size:1.45rem;color:#fff;margin-top:1.45em}
.cs-prose a{color:var(--cs-yellow)}
.cs-prose img{border-radius:16px;max-width:100%;height:auto}
.cs-prose blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--cs-yellow);background:#071323;border-radius:0 12px 12px 0}
.cs-prose code{background:#101d2e;border:1px solid #253b55;border-radius:6px;padding:.1em .35em}
.cs-prose pre{overflow:auto;background:#040b15;border:1px solid #263b55;border-radius:14px;padding:18px}
.cs-sidebar-card{border:1px solid var(--cs-line);background:#071323;border-radius:17px;padding:19px}
.cs-sidebar-card h3{margin:.1em 0 .7em}
.cs-sidebar-card ul{list-style:none;margin:0;padding:0}
.cs-sidebar-card li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cs-sidebar-card a{color:#d8e0eb;text-decoration:none}
.cs-sidebar-card a:hover{color:var(--cs-yellow)}

/* Blog */
.cs-blog-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:24px}
.cs-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-blog-card{border:1px solid var(--cs-line);background:linear-gradient(180deg,#0a182a,#07111f);border-radius:17px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.cs-blog-card-media{aspect-ratio:16/9;background:#050c17;overflow:hidden}
.cs-blog-card-media img{width:100%;height:100%;object-fit:cover}
.cs-blog-card-body{padding:19px;display:flex;flex-direction:column;flex:1}
.cs-blog-card-body h2{font-size:1.3rem;margin:.15em 0 .45em}
.cs-blog-card-body p{color:var(--cs-muted);font-size:.9rem;margin:0}
.cs-blog-meta{display:flex;gap:10px;flex-wrap:wrap;color:#8fa0b5;font-size:.74rem;margin-top:auto;padding-top:14px}

/* Root landing */
.cs-root-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.cs-root-card{border:1px solid var(--cs-line);background:#071323;border-radius:18px;padding:22px;text-decoration:none}
.cs-root-card h2{font-size:1.35rem;margin:.2em 0 .45em}
.cs-root-card p{color:var(--cs-muted);margin:0}

/* Item */
.cs-item-meta{display:flex;gap:12px;flex-wrap:wrap;color:#90a0b4;font-size:.8rem;margin-top:12px}
.cs-item-cover{margin:24px 0 30px;border-radius:20px;overflow:hidden;border:1px solid var(--cs-line)}
.cs-item-cover img{width:100%;display:block}

/* Comments */
.cs-comments-wrap{margin-top:34px;border-top:1px solid var(--cs-line);padding-top:26px}

/* Modular */
.cs-modular-section{position:relative}
.cs-modular-section>.container{padding-top:48px;padding-bottom:48px}
.cs-modular-section:nth-child(even){background:rgba(9,20,36,.55)}

/* Hide legacy demo markdown styling from special Home even if a stale body is present */
body .cs-home-hero + .content-item,
body .cs-home-hero ~ .content-item{display:none!important}

@media(max-width:980px){
  .cs-blog-grid,.cs-root-grid{grid-template-columns:repeat(2,1fr)}
  .cs-editorial-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .cs-blog-grid,.cs-root-grid{grid-template-columns:1fr}
  .cs-editorial-hero{padding-top:44px}
}


/* ===== V5 Dynamic Home ===== */
.cs-home-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-home-latest-card{position:relative;display:block;overflow:hidden;border:1px solid var(--cs-line);border-radius:18px;background:#071323;text-decoration:none}
.cs-home-latest-media{aspect-ratio:16/10;background:#030914;overflow:hidden}
.cs-home-latest-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cs-home-latest-card:hover .cs-home-latest-media img{transform:scale(1.025)}
.cs-home-latest-copy{padding:16px 18px 18px}
.cs-home-latest-copy>span{font-size:.72rem;color:var(--cs-yellow);font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.cs-home-latest-copy h3{font-size:1.25rem;margin:.25em 0 .2em}
.cs-home-latest-copy p{color:var(--cs-muted);font-size:.8rem;margin:0}
.cs-feature-grid-dynamic{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-feature-object{padding:0 0 19px!important;overflow:hidden}
.cs-feature-object>.cs-feature-kicker,.cs-feature-object>h3,.cs-feature-object>p,.cs-feature-object>a{margin-left:18px;margin-right:18px}
.cs-feature-object-media{aspect-ratio:3/2;margin-bottom:17px;background:#030914;overflow:hidden}
.cs-feature-object-media img{width:100%;height:100%;object-fit:cover;display:block}
.cs-feature-object p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cs-home-list{display:grid;gap:10px}
.cs-home-list-item{display:flex;gap:13px;align-items:center;border:1px solid var(--cs-line);background:#071323;border-radius:14px;padding:13px 15px}
.cs-home-list-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#102640;color:var(--cs-yellow)}
.cs-home-list-item strong{display:block}.cs-home-list-item small{display:block;color:var(--cs-muted);margin-top:2px}
.cs-home-assets{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid var(--cs-line);border-radius:22px;background:radial-gradient(circle at 85% 50%,rgba(46,104,185,.18),transparent 31%),#071323}
.cs-home-assets h2{font-size:clamp(2rem,3vw,3.2rem);margin:.15em 0}.cs-home-assets p{color:var(--cs-muted);max-width:760px}
.cs-text-link{color:var(--cs-yellow);text-decoration:none;font-weight:700}
@media(max-width:1000px){.cs-feature-grid-dynamic{grid-template-columns:repeat(2,1fr)}.cs-home-two-col{grid-template-columns:1fr}.cs-home-assets{grid-template-columns:1fr}}
@media(max-width:700px){.cs-home-latest-grid{grid-template-columns:1fr}.cs-feature-grid-dynamic{grid-template-columns:1fr}}


/* ===== V6 Hero Saturn: layered, 3D-feeling, intelligent motion ===== */
.cs-saturn-3d{
  position:relative;
  width:min(100%,620px);
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  isolation:isolate;
  perspective:1100px;
  pointer-events:none;
}
.cs-saturn-image{
  position:relative;
  z-index:4;
  display:block;
  width:88%;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 28px 42px rgba(0,0,0,.46))
    drop-shadow(0 0 38px rgba(69,140,255,.13))
    drop-shadow(0 0 34px rgba(255,184,39,.10));
  transform-origin:50% 50%;
  animation:csSaturnFloat 8.5s ease-in-out infinite,csSaturnTilt 14s ease-in-out infinite;
  will-change:transform;
}
.cs-saturn-glow{
  position:absolute;
  z-index:0;
  width:74%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 44% 42%,rgba(255,200,94,.24),rgba(58,120,237,.12) 42%,rgba(14,54,117,.06) 60%,transparent 73%);
  filter:blur(15px);
  animation:csSaturnGlow 6s ease-in-out infinite;
}
.cs-orbit{
  position:absolute;
  z-index:1;
  left:50%;top:50%;
  border:1px solid rgba(115,168,255,.18);
  border-right-color:rgba(255,193,69,.58);
  border-top-color:rgba(255,193,69,.30);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-18deg);
}
.cs-orbit-one{width:96%;height:52%;animation:csOrbitDrift 24s linear infinite}
.cs-orbit-two{width:108%;height:66%;opacity:.55;animation:csOrbitDriftReverse 34s linear infinite}
.cs-orbit-dot{
  position:absolute;
  z-index:5;
  width:8px;height:8px;
  border-radius:50%;
  background:#ffd067;
  box-shadow:0 0 7px #ffd067,0 0 19px rgba(255,196,67,.85);
}
.cs-orbit-dot-one{animation:csDotOrbitOne 15s linear infinite}
.cs-orbit-dot-two{width:5px;height:5px;background:#7fc5ff;box-shadow:0 0 8px #6eb8ff,0 0 19px rgba(70,154,255,.9);animation:csDotOrbitTwo 21s linear infinite}
.cs-saturn-spark{
  position:absolute;
  z-index:2;
  width:3px;height:3px;
  border-radius:50%;
  background:#fff1be;
  box-shadow:0 0 8px #fff1be,0 0 18px #eeb440;
  animation:csSpark 3.8s ease-in-out infinite;
}
.cs-spark-one{top:16%;right:9%;animation-delay:.2s}
.cs-spark-two{bottom:21%;right:2%;animation-delay:1.3s}
.cs-spark-three{top:29%;left:5%;animation-delay:2.1s}

@keyframes csSaturnFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-13px,18px) scale(1.012)}
}
@keyframes csSaturnTilt{
  0%,100%{rotate:-.5deg}
  50%{rotate:1.2deg}
}
@keyframes csSaturnGlow{
  0%,100%{opacity:.72;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.05)}
}
@keyframes csOrbitDrift{
  to{transform:translate(-50%,-50%) rotate(342deg)}
}
@keyframes csOrbitDriftReverse{
  to{transform:translate(-50%,-50%) rotate(-378deg)}
}
@keyframes csDotOrbitOne{
  0%{transform:translate(245px,-12px)}
  25%{transform:translate(35px,148px)}
  50%{transform:translate(-245px,10px)}
  75%{transform:translate(-35px,-148px)}
  100%{transform:translate(245px,-12px)}
}
@keyframes csDotOrbitTwo{
  0%{transform:translate(-275px,-28px)}
  25%{transform:translate(-52px,180px)}
  50%{transform:translate(275px,28px)}
  75%{transform:translate(52px,-180px)}
  100%{transform:translate(-275px,-28px)}
}
@keyframes csSpark{
  0%,100%{opacity:.15;transform:scale(.7)}
  45%{opacity:1;transform:scale(1.6)}
  60%{opacity:.45;transform:scale(1)}
}
.cs-home-list-link{text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}
.cs-home-list-link:hover{transform:translateX(3px);border-color:#5b4d1e}
.cs-home-blog-link{display:inline-block;margin-top:14px}

@media(max-width:1150px){
  .cs-saturn-3d{width:min(100%,500px)}
}
@media(max-width:820px){
  .cs-saturn-3d{width:min(86vw,470px);margin:12px auto 0}
  .cs-orbit-dot-one,.cs-orbit-dot-two{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cs-saturn-image,.cs-saturn-glow,.cs-orbit,.cs-orbit-dot,.cs-saturn-spark{animation:none!important}
}


/* ===== V7 Header, Hero and Footer refinements ===== */
@media(min-width:1060px){
  .cs-header-inner{gap:18px;height:78px}
  .cs-brand{flex:0 0 150px}
  .cs-brand img{width:138px;height:48px}
  .cs-nav{margin-left:auto;min-width:0}
  .cs-nav .navigation{gap:1px;flex-wrap:nowrap}
  .cs-nav .navigation>li{min-width:0}
  .cs-nav .navigation>li>a{
    padding:12px 8px;
    font-size:.82rem;
    font-weight:650;
    letter-spacing:-.014em;
    white-space:nowrap;
  }
  .cs-search-link{padding:10px;font-size:1rem}

  .cs-hero-grid{
    grid-template-columns:390px minmax(420px,1fr) minmax(430px,610px);
    gap:26px;
  }
  .cs-hero-copy h1{font-size:clamp(3.8rem,5.4vw,6.35rem)}
  .cs-hero-copy p{max-width:620px;font-size:1.08rem}
  .cs-saturn-3d{width:min(100%,590px);margin-left:auto}
  .cs-saturn-image{width:100%;max-width:none}
  .cs-orbit-one{width:102%;height:56%}
  .cs-orbit-two{width:116%;height:70%}
}
@media(min-width:1450px){
  .cs-hero-grid{grid-template-columns:420px minmax(420px,1fr) minmax(500px,700px)}
  .cs-saturn-3d{width:min(100%,660px)}
}

.cs-footer{padding:54px 0 22px}
.cs-footer-grid{grid-template-columns:1.35fr 1fr 1.3fr 1fr;gap:34px}
.cs-footer-grid strong{display:block;font-size:1rem;color:#fff;margin-bottom:12px;font-weight:700}
.cs-footer p,.cs-footer li{font-size:.96rem;line-height:1.75}
.cs-footer-logo{width:150px;height:54px;margin-bottom:8px}
.cs-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-footer-links a{color:#dbe4ef;text-decoration:none}
.cs-footer-links a:hover{color:var(--cs-yellow)}
.cs-footer-social a{display:inline-flex;align-items:center;gap:8px}
.cs-copyright{font-size:.84rem}

@media(max-width:1220px) and (min-width:1061px){
  .cs-nav .navigation>li>a{font-size:.78rem;padding:12px 6px}
  .cs-brand{flex-basis:136px}
  .cs-brand img{width:126px;height:44px}
}
@media(max-width:1050px){
  .cs-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .cs-footer-grid{grid-template-columns:1fr;gap:20px}
  .cs-footer{padding-top:40px}
}


/* ===== V8 FINAL POLISH ===== */
:root{
  --cs-card-bg:linear-gradient(180deg,rgba(13,27,47,.92),rgba(6,15,29,.97));
  --cs-card-hover:#4f6480;
}

/* Header: single line on wide screens, compact modern type */
.cs-header .container{max-width:1580px}
@media(min-width:1060px){
  .cs-header-inner{height:76px;gap:14px}
  .cs-brand{flex:0 0 142px}
  .cs-brand img{width:132px;height:45px}
  .cs-nav{margin-left:auto;min-width:0}
  .cs-nav .navigation{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
  .cs-nav .navigation>li>a{
    padding:11px 7px;
    font-family:var(--cs-font-body)!important;
    font-size:.79rem;
    font-weight:650;
    line-height:1.15;
    letter-spacing:-.015em;
    white-space:nowrap;
  }
  .cs-search-link{padding:9px 8px;font-size:.96rem}
}
@media(min-width:1360px){
  .cs-nav .navigation>li>a{font-size:.82rem;padding-left:8px;padding-right:8px}
}

/* Hero: larger Saturn + more breathing room */
.cs-home-hero .container{max-width:1580px}
@media(min-width:1060px){
  .cs-hero{min-height:690px}
  .cs-hero-grid{grid-template-columns:390px minmax(390px,1fr) minmax(500px,650px);gap:28px}
  .cs-hero-logo img{max-width:390px}
  .cs-hero-copy h1{font-size:clamp(4rem,5.2vw,6.15rem);line-height:.93}
  .cs-hero-copy p{font-size:1.07rem;max-width:600px}
  .cs-saturn-3d{width:min(100%,640px);margin-left:auto}
  .cs-saturn-image{width:100%;transform-origin:center}
}
@media(min-width:1500px){
  .cs-hero-grid{grid-template-columns:410px minmax(420px,1fr) minmax(560px,720px)}
  .cs-saturn-3d{width:min(100%,700px)}
}

/* Cards: calmer, cleaner, consistent */
.cs-category-card,.cs-feature-card,.cs-data-card,.cs-catalog-card,.cs-blog-card,.cs-root-card{
  background:var(--cs-card-bg);
  border-color:rgba(92,117,148,.32);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.cs-category-card:hover,.cs-feature-card:hover,.cs-catalog-card:hover,.cs-blog-card:hover,.cs-root-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,196,0,.55);
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
.cs-category-card h2{font-size:1.12rem}
.cs-category-card p,.cs-feature-card p{line-height:1.58}

/* Footer: complete, premium, readable */
.cs-footer{padding:52px 0 20px;background:linear-gradient(180deg,#030913,#02060d);border-top:1px solid #1a2a40}
.cs-footer-grid-v8{grid-template-columns:1.15fr 1.7fr 1fr;gap:52px;align-items:start}
.cs-footer-grid strong{display:block;color:#fff;font-size:.96rem;font-weight:720;margin-bottom:13px}
.cs-footer-about p{max-width:320px;margin:.35rem 0 1rem;color:#aeb9c8}
.cs-footer-logo{width:138px;height:50px;margin-bottom:4px}
.cs-footer-instagram{display:inline-flex;align-items:center;gap:8px;font-weight:650}
.cs-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-footer-links-two-col{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}
.cs-footer-links a{color:#d9e3ef;text-decoration:none;font-size:.92rem}
.cs-footer-links a:hover{color:var(--cs-yellow)}
.cs-copyright{padding-top:22px;margin-top:34px;color:#7f8ea1;font-size:.79rem}

/* Blog preview on Home */
.cs-home-list-link{border-color:rgba(91,116,149,.32)}
.cs-home-list-link:hover{border-color:rgba(255,196,0,.5);background:#09182a}

@media(max-width:1180px) and (min-width:1060px){
  .cs-header .container{max-width:1180px}
  .cs-brand{flex-basis:118px}.cs-brand img{width:110px}
  .cs-nav .navigation>li>a{font-size:.72rem;padding-left:5px;padding-right:5px}
  .cs-hero-grid{grid-template-columns:320px minmax(360px,1fr) 430px}
  .cs-saturn-3d{width:430px}
}
@media(max-width:900px){
  .cs-footer-grid-v8{grid-template-columns:1fr 1fr;gap:30px}
  .cs-footer-about{grid-column:1/-1}
}
@media(max-width:600px){
  .cs-footer-grid-v8{grid-template-columns:1fr}
  .cs-footer-about{grid-column:auto}
  .cs-footer-links-two-col{grid-template-columns:1fr}
}


/* ==========================================================
   CADE SATURNO V9 — DEFINITIVE RESPONSIVE UI OVERRIDES
   ========================================================== */
:root{
  --cs-v9-header-h:74px;
  --cs-v9-nav-bg:rgba(3,8,18,.985);
}

.cs-header{background:rgba(3,8,18,.94)!important;backdrop-filter:blur(20px) saturate(135%)}
.cs-header-inner{min-height:var(--cs-v9-header-h)!important;height:var(--cs-v9-header-h)!important}
.cs-brand{flex:0 0 130px!important}
.cs-brand img{width:118px!important;height:42px!important;object-fit:contain!important}
.cs-nav{margin-left:auto!important;min-width:0!important}
.cs-nav .navigation{display:flex!important;align-items:center!important;gap:2px!important;flex-wrap:nowrap!important;margin:0!important}
.cs-nav .navigation>li{min-width:0!important}
.cs-nav .navigation>li>a{
  font-family:'Inter',ui-sans-serif,system-ui,sans-serif!important;
  display:block!important;
  padding:13px 8px!important;
  font-size:.84rem!important;
  line-height:1!important;
  font-weight:540!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
}
.cs-search-link{font-size:.98rem!important;padding:10px!important}
.cs-menu-toggle{width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px!important}

.cs-home-hero{min-height:690px!important}
.cs-home-hero .container{max-width:1600px!important}
.cs-hero-grid{
  grid-template-columns:minmax(320px,390px) minmax(410px,1fr) minmax(500px,690px)!important;
  gap:24px!important;
  align-items:center!important;
}
.cs-hero-logo img{width:100%!important;max-width:390px!important}
.cs-hero-copy h1{font-size:clamp(4rem,5.15vw,6.3rem)!important;line-height:.92!important}
.cs-hero-copy p{max-width:610px!important;font-size:1.07rem!important}
.cs-saturn-art.cs-saturn-3d{
  display:grid!important;
  width:min(100%,680px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin-left:auto!important;
  transform:perspective(1100px) rotateX(var(--saturn-rx,0deg)) rotateY(var(--saturn-ry,0deg));
  transition:transform .38s cubic-bezier(.2,.8,.2,1);
}
.cs-saturn-image{width:100%!important;max-width:none!important;animation:csSaturnFloatV9 7s ease-in-out infinite!important;will-change:transform}
.cs-saturn-glow{animation:csSaturnGlowV9 5.5s ease-in-out infinite!important}
.cs-orbit-one{animation:csOrbitV9 28s linear infinite!important}
.cs-orbit-two{animation:csOrbitV9Reverse 37s linear infinite!important}
.cs-saturn-3d:not(.is-in-view) .cs-saturn-image,
.cs-saturn-3d:not(.is-in-view) .cs-saturn-glow,
.cs-saturn-3d:not(.is-in-view) .cs-orbit{animation-play-state:paused!important}

@keyframes csSaturnFloatV9{
  0%,100%{transform:translate3d(0,0,0) rotate(-.6deg) scale(1)}
  50%{transform:translate3d(0,-17px,0) rotate(1deg) scale(1.018)}
}
@keyframes csSaturnGlowV9{
  0%,100%{opacity:.6;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes csOrbitV9{to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes csOrbitV9Reverse{to{transform:translate(-50%,-50%) rotate(-378deg)}}

/* Tablet */
@media(max-width:1050px){
  .cs-header-inner{height:68px!important;min-height:68px!important;gap:10px!important}
  .cs-brand{flex:0 0 118px!important}
  .cs-brand img{width:108px!important;height:40px!important}
  .cs-search-link{margin-left:auto!important}
  .cs-menu-toggle{display:flex!important;margin-left:0!important}

  .cs-nav{
    display:none!important;
    position:fixed!important;
    z-index:9999!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    max-height:calc(100vh - 68px)!important;
    overflow:auto!important;
    padding:12px 18px 24px!important;
    margin:0!important;
    background:var(--cs-v9-nav-bg)!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 24px 44px rgba(0,0,0,.42)!important;
  }
  .cs-nav.is-open{display:block!important}
  .cs-nav .navigation{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;width:100%!important}
  .cs-nav .navigation>li>a{
    font-size:1rem!important;
    font-weight:560!important;
    line-height:1.25!important;
    padding:14px 12px!important;
    border:0!important;
    border-radius:10px!important;
    white-space:normal!important;
  }
  .cs-nav .navigation>li.active>a,
  .cs-nav .navigation>li>a:hover{
    background:#0a182a!important;
    color:var(--cs-yellow)!important;
  }

  .cs-home-hero{min-height:auto!important;padding:46px 0 56px!important}
  .cs-hero-grid{
    grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;
    gap:26px!important;
  }
  .cs-hero-logo img{max-width:280px!important}
  .cs-hero-copy h1{font-size:clamp(3.3rem,7vw,5rem)!important}
  .cs-saturn-art.cs-saturn-3d{
    display:grid!important;
    grid-column:1/-1!important;
    width:min(70vw,500px)!important;
    margin:4px auto 0!important;
  }
}

/* Phones */
@media(max-width:700px){
  .container{padding-left:20px!important;padding-right:20px!important}
  .cs-home-hero{padding:30px 0 42px!important}
  .cs-hero-grid{display:flex!important;flex-direction:column!important;gap:18px!important;text-align:center!important}
  .cs-hero-logo{order:1!important;width:100%!important}
  .cs-hero-logo img{max-width:205px!important;margin:0 auto!important}
  .cs-hero-copy{order:2!important;text-align:center!important;width:100%!important}
  .cs-eyebrow{font-size:.66rem!important;letter-spacing:.12em!important}
  .cs-hero-copy h1{font-size:clamp(2.8rem,14vw,4.05rem)!important;line-height:.94!important;margin:.18em 0 .24em!important}
  .cs-hero-copy p{font-size:.98rem!important;line-height:1.6!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
  .cs-actions{justify-content:center!important;gap:9px!important;margin-top:20px!important}
  .cs-actions .cs-btn{width:100%!important;max-width:340px!important;padding:13px 17px!important;text-align:center!important}
  .cs-saturn-art.cs-saturn-3d{order:3!important;display:grid!important;width:min(94vw,390px)!important;margin:-2px auto -8px!important}
  .cs-orbit-one{width:96%!important;height:54%!important}
  .cs-orbit-two{width:106%!important;height:66%!important}
  .cs-saturn-spark{display:none!important}

  .cs-section{padding:48px 0!important}
  .cs-section-heading{display:block!important;margin-bottom:20px!important}
  .cs-section-heading h2{font-size:2rem!important;line-height:1.05!important;margin:.2em 0!important}
  .cs-section-heading>p{font-size:.92rem!important}
  .cs-category-grid,
  .cs-feature-grid,
  .cs-feature-grid-dynamic,
  .cs-card-grid,
  .cs-home-info-grid,
  .cs-home-latest-grid,
  .cs-blog-grid,
  .cs-root-grid{grid-template-columns:1fr!important}
  .cs-category-card{min-height:0!important;padding:20px!important}
  .cs-feature-card{min-height:0!important}
  .cs-home-two-col,.cs-home-editorial{grid-template-columns:1fr!important}
  .cs-home-assets{grid-template-columns:1fr!important;padding:21px!important}
  .cs-home-assets .cs-actions{justify-content:flex-start!important}
  .cs-home-assets .cs-btn{max-width:none!important}
  .cs-object-main-image{min-height:230px!important}
  .cs-object-title h1,.cs-page-hero h1,.cs-editorial-hero h1{font-size:2.55rem!important}
  .cs-catalog-heading h1{font-size:2.45rem!important}
}

/* Footer */
.cs-footer-grid-v8{grid-template-columns:1.1fr 1.55fr 1fr!important;gap:38px!important}
.cs-footer-links-two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:850px){
  .cs-footer-grid-v8{grid-template-columns:1fr 1fr!important;gap:28px!important}
  .cs-footer-about{grid-column:1/-1!important}
}
@media(max-width:560px){
  .cs-footer{padding:38px 0 18px!important}
  .cs-footer-grid-v8{grid-template-columns:1fr!important;gap:25px!important}
  .cs-footer-about{grid-column:auto!important}
  .cs-footer-links-two-col{grid-template-columns:1fr 1fr!important;column-gap:18px!important}
  .cs-footer-links a{font-size:.88rem!important}
  .cs-footer p{font-size:.9rem!important}
}

@media(prefers-reduced-motion:reduce){
  .cs-saturn-image,.cs-saturn-glow,.cs-orbit,.cs-orbit-dot,.cs-saturn-spark{animation:none!important}
  .cs-saturn-art.cs-saturn-3d{transform:none!important}
}


/* ===== V10.3 Admin2 custom-config controls ===== */
html{font-size:var(--cs-admin-base-size)!important}
@media(min-width:1060px){
  .cs-header-inner{height:var(--cs-admin-header-height)!important;min-height:var(--cs-admin-header-height)!important}
  .cs-brand{flex-basis:calc(var(--cs-admin-logo-width) + 12px)!important}
  .cs-brand img{width:var(--cs-admin-logo-width)!important;height:auto!important;max-height:calc(var(--cs-admin-header-height) - 14px)!important}
  .cs-nav .navigation>li>a{font-size:var(--cs-admin-nav-size)!important;font-weight:var(--cs-admin-nav-weight)!important}
  .cs-hero-logo img{max-width:var(--cs-admin-hero-logo-width)!important}
  .cs-saturn-art.cs-saturn-3d{width:min(100%,var(--cs-admin-planet-size))!important}
}
@media(max-width:700px){
  .cs-brand{flex-basis:calc(var(--cs-admin-logo-width-mobile) + 10px)!important}
  .cs-brand img{width:var(--cs-admin-logo-width-mobile)!important}
}


/* ===== V10.4 expanded safe controls ===== */
@media(min-width:1060px){
  .cs-header-inner{
    padding-left:var(--cs-admin-header-horizontal-padding)!important;
    padding-right:var(--cs-admin-header-horizontal-padding)!important;
  }
  .cs-brand img{
    width:var(--cs-admin-logo-width)!important;
    height:auto!important;
    max-height:var(--cs-admin-logo-height)!important;
    object-fit:contain!important;
  }
  .cs-nav .navigation{gap:var(--cs-admin-nav-gap)!important}
  .cs-hero-logo img{
    width:auto!important;
    max-width:var(--cs-admin-hero-logo-width)!important;
    max-height:var(--cs-admin-hero-logo-height)!important;
    object-fit:contain!important;
  }
}
@media(max-width:700px){
  .cs-brand img{
    width:var(--cs-admin-logo-width-mobile)!important;
    height:auto!important;
    max-height:var(--cs-admin-logo-height-mobile)!important;
    object-fit:contain!important;
  }
  .cs-saturn-art.cs-saturn-3d{
    width:min(94vw,var(--cs-admin-planet-size-mobile))!important;
  }
}


/* ===== V10.5 definitive desktop logo sizing =====
   Applied outside the old desktop-only media rule so the Admin value
   controls the actual logo box. Mobile gets its own values below. */
.cs-brand{
  width:calc(var(--cs-admin-logo-width) + 12px)!important;
  min-width:calc(var(--cs-admin-logo-width) + 12px)!important;
  flex:0 0 calc(var(--cs-admin-logo-width) + 12px)!important;
  overflow:visible!important;
}
.cs-brand img{
  display:block!important;
  width:var(--cs-admin-logo-width)!important;
  height:var(--cs-admin-logo-height)!important;
  min-width:var(--cs-admin-logo-width)!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:var(--cs-admin-logo-fit)!important;
  object-position:left center!important;
  transform:scale(var(--cs-admin-logo-scale))!important;
  transform-origin:left center!important;
}

@media(max-width:1050px){
  .cs-brand{
    width:calc(var(--cs-admin-logo-width-mobile) + 10px)!important;
    min-width:calc(var(--cs-admin-logo-width-mobile) + 10px)!important;
    flex:0 0 calc(var(--cs-admin-logo-width-mobile) + 10px)!important;
  }
  .cs-brand img{
    width:var(--cs-admin-logo-width-mobile)!important;
    height:var(--cs-admin-logo-height-mobile)!important;
    min-width:var(--cs-admin-logo-width-mobile)!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:none!important;
  }
}


/* ===== V10.6 Hero logo visibility + grid controls ===== */
@media(min-width:1060px){
  .cs-hero-grid{
    grid-template-columns:
      minmax(0,var(--cs-admin-hero-grid-logo))
      minmax(0,var(--cs-admin-hero-grid-content))
      minmax(0,var(--cs-admin-hero-grid-planet))!important;
    gap:var(--cs-admin-hero-grid-gap)!important;
  }
}

/* If the hero logo is disabled, the two remaining columns rebalance automatically. */
@media(min-width:1060px){
  .cs-hero-grid:not(:has(.cs-hero-logo)){
    grid-template-columns:
      minmax(0,var(--cs-admin-hero-grid-content))
      minmax(0,var(--cs-admin-hero-grid-planet))!important;
  }
}

/* Tablet stays responsive, but obeys gap */
@media(max-width:1050px) and (min-width:701px){
  .cs-hero-grid{gap:var(--cs-admin-hero-grid-gap)!important}
  .cs-hero-grid:not(:has(.cs-hero-logo)){
    grid-template-columns:1fr!important;
  }
}


/* ===== V10.8 Hero fixes ===== */
.cs-hero-title{overflow:visible!important}
.cs-hero-title-line{display:block!important;white-space:normal!important}
.cs-hero-title-accent{color:var(--cs-yellow)!important}

@media(min-width:1060px){
  .cs-hero-grid.cs-hero-grid-3{
    grid-template-columns:
      minmax(0,var(--cs-admin-hero-grid-logo))
      minmax(0,var(--cs-admin-hero-grid-content))
      minmax(0,var(--cs-admin-hero-grid-planet))!important;
    gap:var(--cs-admin-hero-grid-gap)!important;
  }
  .cs-hero-grid.cs-hero-grid-2{
    grid-template-columns:
      minmax(0,var(--cs-admin-hero-grid-content))
      minmax(0,var(--cs-admin-hero-grid-planet))!important;
    gap:var(--cs-admin-hero-grid-gap)!important;
  }
}

/* ===== V10.8 Live services on Home ===== */
.cs-live-home-section{
  background:
    radial-gradient(circle at 20% 12%,rgba(255,196,0,.07),transparent 24%),
    radial-gradient(circle at 80% 32%,rgba(65,126,255,.10),transparent 28%),
    rgba(2,7,16,.42);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.cs-live-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);
  gap:18px;
}
.cs-live-home-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.cs-live-card{
  background:linear-gradient(180deg,rgba(13,27,47,.97),rgba(6,15,29,.99));
  border:1px solid var(--cs-line);
  border-radius:var(--cs-radius);
  overflow:hidden;
  box-shadow:var(--cs-shadow);
}
.cs-live-card-apod{display:grid;grid-template-rows:minmax(330px,1fr) auto;min-height:560px}
.cs-live-card-media{background:#030914;min-height:330px;overflow:hidden}
.cs-live-card-media img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.cs-live-card-copy{padding:22px}
.cs-live-card-copy h3{font-size:1.45rem;margin:.25em 0 .6em}
.cs-live-card-copy>strong{display:block;font-size:1.05rem;margin-bottom:7px}
.cs-live-source{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-yellow);font-weight:800}
.cs-live-card-compact{display:grid;grid-template-columns:54px 1fr;padding:22px;gap:14px;align-items:start}
.cs-live-card-compact .cs-live-card-copy{padding:0}
.cs-live-icon{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  color:var(--cs-yellow);background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.18);
  font-size:1.2rem;
}
.cs-live-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}
.cs-live-stat-row>div{padding:10px 12px;background:#071321;border:1px solid #1b3149;border-radius:12px}
.cs-live-stat-row strong{display:block;color:#fff;font-size:1.3rem}
.cs-live-stat-row span{display:block;color:#8699af;font-size:.68rem;line-height:1.2;margin-top:2px}
.cs-live-small{color:var(--cs-muted);font-size:.86rem}
.cs-live-loading,.cs-live-error{min-height:260px;display:flex;align-items:center;justify-content:center;gap:9px;color:#91a2b6}
.cs-live-error{flex-direction:column}
.cs-live-home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.cs-live-quick{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 14px;border:1px solid #293c55;border-radius:999px;
  text-decoration:none;color:#dce5f1;background:#071321;
}
.cs-live-quick:hover{border-color:var(--cs-yellow);color:var(--cs-yellow)}

/* ===== Services page ===== */
.cs-services-hero{padding-bottom:52px}
.cs-services-note{font-size:.84rem!important;color:#7f91a6!important}
.cs-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cs-service-panel{
  background:linear-gradient(180deg,rgba(13,27,47,.96),rgba(7,17,32,.99));
  border:1px solid var(--cs-line);border-radius:var(--cs-radius);
  padding:24px;box-shadow:var(--cs-shadow);overflow:hidden;
}
.cs-service-panel-wide{grid-column:1/-1}
.cs-service-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #1a2d44}
.cs-service-heading>span{font-weight:800;color:#fff}
.cs-service-heading i{color:var(--cs-yellow);margin-right:7px}
.cs-service-heading small{color:#788ba2}
.cs-service-apod-layout,.cs-aurora-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:24px;align-items:center}
.cs-service-media{min-height:420px;border-radius:14px;overflow:hidden;background:#030914}
.cs-service-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.cs-service-stats{max-width:520px}
.cs-service-list{display:grid;gap:7px;margin-top:18px}
.cs-service-list-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #172940}
.cs-service-list-row>div:last-child{text-align:right}
.cs-service-list-row strong,.cs-service-list-row small{display:block}
.cs-service-list-row small{font-size:.72rem;color:#7d90a6;margin-top:2px}
.cs-service-source-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.cs-aurora-layout img{width:100%;border-radius:14px;border:1px solid #1c3049}
.cs-service-link-list{display:grid;gap:8px}
.cs-service-link-list a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #1e334c;border-radius:12px;text-decoration:none;background:#071321}
.cs-service-link-list a:hover{border-color:var(--cs-yellow)}
.cs-service-link-list i{width:24px;text-align:center;color:var(--cs-yellow)}
.cs-service-link-list strong,.cs-service-link-list small{display:block}
.cs-service-link-list small{color:#8294aa;font-size:.74rem;margin-top:2px}

@media(max-width:1050px){
  .cs-live-home-grid{grid-template-columns:1fr}
  .cs-live-home-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:800px){
  .cs-services-grid{grid-template-columns:1fr}
  .cs-service-panel-wide{grid-column:auto}
  .cs-service-apod-layout,.cs-aurora-layout{grid-template-columns:1fr}
  .cs-service-media,.cs-service-media img{min-height:320px}
}
@media(max-width:700px){
  .cs-live-home-stack{grid-template-columns:1fr}
  .cs-live-card-apod{min-height:0}
  .cs-live-card-media,.cs-live-card-media img{min-height:260px}
  .cs-live-card-compact{grid-template-columns:44px 1fr;padding:18px}
  .cs-live-icon{width:42px;height:42px}
  .cs-live-home-actions{align-items:stretch}
  .cs-live-home-actions .cs-btn,.cs-live-quick{width:100%;justify-content:center}
}

.cs-official-link{color:var(--cs-yellow);font-weight:650;text-decoration:none}.cs-official-link:hover{text-decoration:underline}


/* ===== V10.9 Hero color correction ===== */
.cs-hero-copy h1.cs-hero-title .cs-hero-title-line{
  color:#fff!important;
}
.cs-hero-copy h1.cs-hero-title .cs-hero-title-accent{
  color:var(--cs-yellow)!important;
}

/* ===== V10.9 planetary dashboard ===== */
.cs-orbit-dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:26px;align-items:center}
.cs-orbit-stage{
  width:min(100%,720px);aspect-ratio:1/1;margin:auto;position:relative;border-radius:50%;
  background:radial-gradient(circle at center,rgba(255,188,53,.11),rgba(29,62,112,.05) 34%,rgba(2,7,16,.25) 68%);
  border:1px solid rgba(255,255,255,.05);overflow:hidden;
}
.cs-orbit-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:31px 29px;opacity:.12}
.cs-orbit-sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffbd36;color:#fff3bf;box-shadow:0 0 28px rgba(255,182,45,.65);z-index:5}
.cs-planet-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(122,155,197,.16);border-radius:50%}
.cs-planet-dot{position:absolute;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;z-index:4}
.cs-planet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cs-planet-list-item{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #1c3048;border-radius:10px;background:#071321}
.cs-planet-list-item>span{width:9px;height:9px;border-radius:50%}
.cs-planet-list-item small{color:#7f91a6}
.cs-service-disclaimer{font-size:.78rem;color:#72869e;margin-top:18px}

.cs-solar-dashboard-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:24px;align-items:center}
.cs-solar-image-wrap{position:relative;border-radius:14px;overflow:hidden;background:#02050b;border:1px solid #1c3049}
.cs-solar-image-wrap img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.cs-solar-image-wrap span{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);padding:6px 9px;border-radius:999px;font-size:.68rem;color:#fff}
.cs-solar-metrics .cs-live-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}

@media(max-width:850px){
  .cs-orbit-dashboard,.cs-solar-dashboard-grid{grid-template-columns:1fr}
  .cs-orbit-stage{max-width:580px}
  .cs-solar-metrics .cs-live-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .cs-planet-list{grid-template-columns:1fr}
  .cs-orbit-sun{width:38px;height:38px}
  .cs-planet-dot{width:9px;height:9px}
}


/* ===== V10.10 Home APOD sizing ===== */
.cs-live-home-grid{
  grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important;
}
.cs-live-card-apod{
  grid-template-rows:260px auto!important;
  min-height:0!important;
}
.cs-live-card-apod .cs-live-card-media{
  min-height:260px!important;
  max-height:260px!important;
}
.cs-live-card-apod .cs-live-card-media img{
  width:100%!important;
  height:260px!important;
  min-height:0!important;
  object-fit:cover!important;
}
.cs-live-card-apod .cs-live-card-copy{padding:18px 20px!important}
.cs-live-card-apod .cs-live-card-copy h3{font-size:1.2rem!important;margin:.2em 0 .45em!important}

/* ===== V10.10 Services: lighter and more compact ===== */
.cs-services-grid{align-items:start}
.cs-service-panel{content-visibility:auto;contain-intrinsic-size:500px}
.cs-service-panel-wide{padding:22px!important}
.cs-service-apod-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)!important}
.cs-service-media{
  min-height:300px!important;
  max-height:420px!important;
}
.cs-service-media img{
  min-height:300px!important;
  max-height:420px!important;
  object-fit:cover!important;
}
.cs-orbit-stage{max-width:560px!important}
.cs-solar-image-wrap{max-width:520px}
.cs-live-error{min-height:180px!important}

@media(max-width:850px){
  .cs-live-home-grid{grid-template-columns:1fr!important}
  .cs-live-card-apod .cs-live-card-media,
  .cs-live-card-apod .cs-live-card-media img{height:240px!important;max-height:240px!important}
  .cs-service-media,.cs-service-media img{min-height:240px!important;max-height:320px!important}
}


/* ===== V10.11 Home APOD: preserve the complete image ===== */
.cs-live-card-apod{
  grid-template-rows:auto auto!important;
}
.cs-live-card-apod .cs-live-card-media{
  height:320px!important;
  min-height:0!important;
  max-height:320px!important;
  background:#020711!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cs-live-card-apod .cs-live-card-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:320px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#020711!important;
}

/* Right column now supports Asteroids + Space Weather + Sun */
.cs-live-home-stack{
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
}
.cs-live-card-compact{
  min-height:0!important;
}
.cs-live-card-sun{
  grid-template-columns:92px 1fr!important;
  align-items:center!important;
}
.cs-live-sun-thumb{
  width:82px;height:82px;border-radius:50%;overflow:hidden;
  background:#02050b;border:1px solid rgba(255,196,0,.25);
  box-shadow:0 0 22px rgba(255,160,20,.12);
}
.cs-live-sun-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.cs-live-sun-mini-stats{display:flex;gap:14px;flex-wrap:wrap;margin:7px 0}
.cs-live-sun-mini-stats span{font-size:.72rem;color:#8598ae}
.cs-live-sun-mini-stats strong{font-size:1rem;color:#fff;margin-right:3px}

/* ===== V10.11 Planet animation controls ===== */
.cs-orbit-controls{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:18px 0 8px;
}
.cs-orbit-controls label{
  display:flex;align-items:center;gap:8px;
  color:#91a3b8;font-size:.78rem;
}
.cs-orbit-controls select{
  background:#071321;color:#fff;border:1px solid #29405d;border-radius:9px;
  padding:8px 10px;
}
.cs-orbit-date{
  margin-left:auto;font-weight:750;color:var(--cs-yellow);font-size:.9rem;
}

/* Keep the Services visual blocks under control */
.cs-planetary-dashboard,.cs-solar-dashboard{max-width:100%}
.cs-orbit-stage{width:min(100%,520px)!important}
.cs-solar-dashboard-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important}
.cs-solar-image-wrap{max-width:430px!important;margin:auto}

@media(max-width:1050px){
  .cs-live-home-stack{grid-template-rows:auto!important}
}
@media(max-width:700px){
  .cs-live-card-apod .cs-live-card-media,
  .cs-live-card-apod .cs-live-card-media img{
    height:250px!important;max-height:250px!important;
  }
  .cs-live-card-sun{grid-template-columns:72px 1fr!important}
  .cs-live-sun-thumb{width:64px;height:64px}
  .cs-orbit-date{width:100%;margin-left:0}
  .cs-solar-dashboard-grid{grid-template-columns:1fr!important}
}


/* === V10.12 HOME + SERVICES LAYOUT REFINEMENTS === */
.cs-live-home-section{padding-top:20px}
.cs-live-home-heading{align-items:end;gap:18px}
.cs-live-home-heading h2{font-size:clamp(2.5rem,4vw,4.45rem);line-height:.95;margin-top:.18em}
.cs-live-home-grid-v2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(380px,.95fr);gap:24px;align-items:start}
.cs-live-card{background:linear-gradient(180deg,rgba(7,18,34,.96),rgba(5,14,29,.98));border:1px solid rgba(88,124,178,.22);border-radius:26px;box-shadow:var(--cs-shadow);overflow:hidden;position:relative}
.cs-live-card-home-apod{min-height:100%;display:flex;flex-direction:column}
.cs-live-home-apod-media{min-height:470px;background:#020813;display:flex;align-items:center;justify-content:center}
.cs-live-home-apod-media img{width:100%;height:470px;display:block;object-fit:cover;object-position:center center}
.cs-live-card-copy-lg{padding:26px 28px 28px}
.cs-live-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cs-live-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(3,8,19,.55);font-size:.82rem;font-weight:700;color:#eef3fa;text-transform:uppercase;letter-spacing:.04em}
.cs-live-pill.is-accent{color:var(--cs-yellow);border-color:rgba(255,196,0,.35)}
.cs-live-card-home-apod strong{font-size:2.05rem;line-height:1.08;display:block;margin-bottom:10px}
.cs-live-card-home-apod [data-apod-meta]{color:#dce5f4;font-size:1rem;margin:0 0 14px}
.cs-live-desc{color:var(--cs-muted);font-size:1rem;line-height:1.6;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-live-home-side{display:grid;grid-template-columns:1fr;gap:18px}
.cs-live-card-head{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 0}.cs-live-card-head .cs-live-icon{margin:0}.cs-live-card-head h3{margin:.15rem 0 0;font-size:1.65rem;line-height:1.05}.cs-live-card-head .cs-btn{margin-left:auto}
.cs-live-card-metric{padding-bottom:18px}.cs-live-card-metric .cs-live-card-copy{padding:0 22px 0}.cs-live-card-metric .cs-live-small{padding:0 22px;margin-top:14px}
.cs-live-stat-row-wide,.cs-live-stat-row-triple{padding:18px 22px 0;display:grid;gap:14px}.cs-live-stat-row-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-live-stat-row-triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-live-stat-row-wide>div,.cs-live-stat-row-triple>div{border:1px solid rgba(88,124,178,.22);background:rgba(4,12,24,.4);border-radius:18px;padding:16px 14px;min-height:88px}.cs-live-stat-row-wide strong,.cs-live-stat-row-triple strong{display:block;font-size:2.15rem;line-height:1}.cs-live-stat-row-wide span,.cs-live-stat-row-triple span{display:block;margin-top:8px;color:var(--cs-muted);font-size:.95rem}
.cs-live-mini-orbits{position:absolute;right:18px;top:24px;width:150px;height:88px;opacity:.82;pointer-events:none}.cs-live-mini-orbits .orbit{position:absolute;border:1px solid rgba(69,119,182,.3);border-radius:50%}.cs-live-mini-orbits .orbit-1{inset:18px 24px}.cs-live-mini-orbits .orbit-2{inset:9px 8px}.cs-live-mini-orbits .orbit-3{inset:0}.cs-live-mini-orbits .planet-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cs-yellow);right:37px;top:39px;box-shadow:0 0 16px rgba(255,196,0,.55)}
.cs-live-card-solar-home{padding-bottom:16px;border-color:rgba(255,196,0,.32)}
.cs-live-solar-home-grid{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:0 22px 10px;align-items:center}.cs-live-solar-image{overflow:hidden;border-radius:20px;background:radial-gradient(circle at center,rgba(255,190,0,.14),transparent 70%);border:1px solid rgba(255,196,0,.22)}.cs-live-solar-image img{width:100%;height:220px;display:block;object-fit:cover}
.cs-live-solar-copy .cs-live-small{margin:6px 0 14px;padding:0}.cs-live-stat-row-triple.compact{padding:0}.cs-live-stat-row-triple.compact>div{min-height:auto;padding:12px 12px}.cs-live-stat-row-triple.compact strong{font-size:1.65rem}
.cs-live-card-jpl-strip{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:16px}.cs-live-card-jpl-strip h3{font-size:1.35rem;margin:.2rem 0}.cs-live-card-jpl-strip p{margin:0;color:var(--cs-muted)}
.cs-live-home-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;align-items:center}
.cs-live-quick{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid rgba(88,124,178,.26);border-radius:999px;background:rgba(8,19,37,.65);color:#f3f7ff;text-decoration:none;font-weight:600}
.cs-live-quick:hover{border-color:rgba(255,196,0,.4);color:var(--cs-yellow)}
.cs-btn.ghost{background:transparent;color:var(--cs-text)}.cs-btn.small{padding:10px 16px;font-size:.92rem}

.cs-service-intro{color:var(--cs-muted);font-size:1rem;line-height:1.65;margin:-4px 0 18px}
.cs-services-grid .cs-btn,.cs-services-grid button.cs-btn,.cs-services-grid .cs-orbit-controls button{color:var(--cs-text)!important}
.cs-services-grid select,.cs-services-grid label{color:var(--cs-text)}
.cs-services-grid select{background:#0a1729;border:1px solid rgba(88,124,178,.24);border-radius:10px;padding:10px 12px}
.cs-service-apod-layout .cs-service-media{min-height:360px;background:#020813;border-radius:18px;overflow:hidden}.cs-service-apod-layout .cs-service-media img{width:100%;height:360px;display:block;object-fit:cover}
.cs-service-link-list-rich a small{line-height:1.45}
.cs-service-link-list-rich a{align-items:flex-start}

@media (max-width: 1200px){
  .cs-live-home-grid-v2{grid-template-columns:1fr}
  .cs-live-home-apod-media,.cs-live-home-apod-media img{height:420px;min-height:420px}
}
@media (max-width: 900px){
  .cs-live-home-heading{display:block}.cs-live-home-heading p{margin-top:10px}
  .cs-live-card-home-apod strong{font-size:1.7rem}
  .cs-live-stat-row-triple{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-live-solar-home-grid{grid-template-columns:1fr}
  .cs-live-solar-image img{height:270px}
  .cs-live-card-jpl-strip{flex-direction:column;align-items:flex-start}
}
@media (max-width: 640px){
  .cs-live-home-heading h2{font-size:2.3rem}
  .cs-live-home-apod-media,.cs-live-home-apod-media img{height:280px;min-height:280px}
  .cs-live-card-copy-lg{padding:20px}
  .cs-live-card-home-apod strong{font-size:1.45rem}
  .cs-live-stat-row-wide,.cs-live-stat-row-triple{grid-template-columns:1fr;padding:16px 18px 0}
  .cs-live-card-head{padding:18px 18px 0;flex-wrap:wrap}
  .cs-live-card-head .cs-btn{margin-left:0}
  .cs-live-card-metric .cs-live-card-copy,.cs-live-card-metric .cs-live-small,.cs-live-solar-home-grid{padding-left:18px;padding-right:18px}
  .cs-live-mini-orbits{display:none}
  .cs-live-home-actions{flex-direction:column;align-items:stretch}.cs-live-home-actions .cs-btn,.cs-live-quick{justify-content:center;width:100%}
  .cs-service-apod-layout .cs-service-media,.cs-service-apod-layout .cs-service-media img{height:240px;min-height:240px}
}


/* ===== V10.13 service expansion ===== */
.cs-moon-widget{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin-top:18px}
.cs-moon-disc{--moon-illum:50%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0,#eceff4 35%,#b9c0ca 70%,#8c95a3 100%);position:relative;box-shadow:0 0 34px rgba(205,218,239,.15)}
.cs-moon-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,rgba(3,8,19,.96) calc(100% - var(--moon-illum)),rgba(3,8,19,.18) 100%);mix-blend-mode:multiply}
.cs-moon-disc.is-waning:after{transform:scaleX(-1)}
.cs-moon-widget h2{margin:.2rem 0 .35rem}.cs-moon-widget p{margin:.25rem 0}
.cs-media-search{display:flex;gap:10px;margin:0 0 20px}.cs-media-search input{flex:1;min-width:0;background:#071321;border:1px solid #203853;border-radius:999px;padding:13px 17px;color:#fff}.cs-media-search input:focus{outline:1px solid var(--cs-yellow);border-color:var(--cs-yellow)}
.cs-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cs-media-item{background:#071321;border:1px solid #1c3049;border-radius:15px;overflow:hidden}.cs-media-item img,.cs-media-placeholder{width:100%;height:150px;object-fit:cover;display:block;background:#020713}.cs-media-placeholder{display:grid;place-items:center;color:var(--cs-yellow);font-size:1.7rem}.cs-media-item>div{padding:13px}.cs-media-item span{font-size:.68rem;color:var(--cs-yellow);text-transform:uppercase;letter-spacing:.08em}.cs-media-item h3{font-size:.95rem;line-height:1.25;margin:.4rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-media-item p{font-size:.75rem;color:#8295aa;margin:.25rem 0 .7rem}.cs-media-item a{font-size:.78rem;color:var(--cs-yellow);text-decoration:none}
.cs-eonet-list{display:grid;gap:8px;margin:16px 0 20px}.cs-eonet-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #1d324b;border-radius:12px;background:#071321}.cs-eonet-item span,.cs-eonet-item strong,.cs-eonet-item small{display:block}.cs-eonet-item span{font-size:.68rem;color:var(--cs-yellow);text-transform:uppercase;letter-spacing:.06em}.cs-eonet-item strong{margin:.2rem 0}.cs-eonet-item small{color:#8396ad}.cs-eonet-item>a{color:var(--cs-yellow);padding:8px}
.cs-service-panel .cs-btn,.cs-service-panel button.cs-btn{color:#f5f7fb!important;background:rgba(8,19,37,.72)}.cs-service-panel .cs-btn.primary{color:#06101f!important;background:var(--cs-yellow)}.cs-service-panel .cs-btn:hover{border-color:var(--cs-yellow);color:var(--cs-yellow)!important}.cs-service-panel .cs-btn.primary:hover{color:#06101f!important}
@media(max-width:1000px){.cs-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cs-moon-widget{grid-template-columns:1fr;text-align:center}.cs-moon-disc{margin:auto}.cs-media-search{flex-direction:column}.cs-media-grid{grid-template-columns:1fr}.cs-media-item{display:grid;grid-template-columns:120px 1fr}.cs-media-item img,.cs-media-placeholder{height:100%;min-height:120px}}
