:root{
  --bg:#030811;--bg2:#061625;--panel:#061727;--panel2:#050f19;
  --line:rgba(21,220,255,.32);--line-strong:rgba(21,220,255,.55);
  --cyan:#18e1ff;--text:#ecf8ff;--muted:#b7d4e6;--mars:#ff9b57;
  --shadow:0 18px 52px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{min-width:1488px;background:#030811}
body{
  margin:0;min-width:1488px;overflow-x:auto;overflow-y:auto;
  background:radial-gradient(circle at 80% 0%,rgba(255,128,64,.14),transparent 30%),linear-gradient(180deg,#030811 0%,#02060c 100%);
  color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:var(--cyan);text-decoration:none}img{display:block;max-width:100%}
.mars-header{position:sticky;top:0;z-index:9999;background:rgba(3,11,20,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(90,180,220,.18)}
.mars-header-inner{width:1460px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 10px}
.mars-brand{display:flex;align-items:center;gap:12px;color:#fff}.mars-brand img{width:42px;height:42px}.mars-brand-title{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:1rem}.mars-brand-sub{display:block;font-size:.68rem;letter-spacing:.16em;color:#9ed8f0;text-transform:uppercase;margin-top:2px}
.mars-topnav{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.mars-topnav a{padding:9px 12px;border-radius:999px;border:1px solid rgba(120,210,255,.22);color:#d8f4ff;font-weight:700;font-size:.82rem;white-space:nowrap}.mars-topnav a.active,.mars-topnav a:hover{border-color:var(--cyan);color:var(--cyan)}
.page-shell{width:1460px;margin:0 auto;padding:8px 6px 28px}
.page-grid{display:grid;grid-template-columns:205px 1fr;gap:10px;align-items:start}
.sidebar{position:sticky;top:72px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(6,20,33,.96),rgba(4,11,19,.98));box-shadow:var(--shadow);overflow:hidden}
.sidebar .logo-wrap{padding:12px 14px;border-bottom:1px solid rgba(120,210,255,.12)}.sidebar .section-title{padding:12px 14px 6px;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.side-links{padding:0 10px 10px;display:grid;gap:6px}.side-links a{display:flex;align-items:center;gap:10px;color:#eef8ff;padding:8px 9px;border-radius:10px;border:1px solid transparent;font-size:.83rem}.side-links a.active,.side-links a:hover{background:rgba(7,30,48,.86);border-color:rgba(24,225,255,.45)}.side-links .dot{width:19px;height:19px;border-radius:50%;border:1px solid rgba(24,225,255,.55);display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;color:var(--cyan);flex:none}
.side-panel{margin:9px 10px 12px;padding:12px;border:1px solid rgba(24,225,255,.18);border-radius:12px;background:linear-gradient(180deg,rgba(9,24,37,.95),rgba(5,14,22,.98))}.side-panel h4{margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.side-panel p{margin:0 0 10px;color:var(--muted);font-size:.82rem;line-height:1.5}.side-panel .btn{display:inline-flex;padding:9px 11px;border-radius:9px;border:1px solid rgba(24,225,255,.4);color:var(--cyan);font-weight:800;font-size:.82rem}
.main{display:grid;gap:8px}
.hero-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(6,18,30,.94),rgba(4,10,18,.98));box-shadow:var(--shadow)}
.hero-flex{display:grid;grid-template-columns:450px 1fr;min-height:272px}
.hero-copy{padding:25px 26px 20px}.kicker{margin:0 0 12px;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.hero-title{margin:0;font-size:4.1rem;line-height:.92;letter-spacing:-.035em}.hero-sub{margin:14px 0 12px;font-size:1.25rem;color:var(--cyan)}.hero-copy p{margin:0;color:#e2f1fb;line-height:1.58;font-size:.92rem;max-width:54ch}
.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.pill{padding:7px 12px;border-radius:999px;border:1px solid rgba(24,225,255,.35);background:rgba(3,17,28,.72);font-weight:800;color:#dff8ff;font-size:.76rem}
.hero-image{min-height:272px;background-size:cover;background-position:center right;position:relative}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,18,.18) 0%,rgba(4,10,18,.02) 55%,rgba(4,10,18,.08) 100%)}
.info-strip{display:grid;grid-template-columns:390px 1fr 420px;gap:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(5,18,31,.94),rgba(4,10,18,.97));overflow:hidden}
.info-block{padding:15px 20px;border-right:1px solid rgba(24,225,255,.14)}.info-block:last-child{border-right:none}.info-block h3{margin:0 0 8px;font-size:.86rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.info-block .headline{font-size:1.25rem;font-weight:900;line-height:1.24;margin:0 0 8px}.info-block p{margin:0;color:var(--muted);line-height:1.48;font-size:.85rem}.info-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding-top:4px}.info-features div{display:flex;gap:9px;color:#eaf7ff;font-weight:700;font-size:.82rem}.info-features span{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(24,225,255,.42);color:var(--cyan);flex:none}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:2px 4px 0;border-bottom:1px solid rgba(24,225,255,.2)}.section-head h2{margin:0 0 5px;color:var(--cyan);font-size:.82rem;letter-spacing:.24em;text-transform:uppercase}.section-head p{margin:0 0 5px;color:var(--muted);font-size:.78rem}
.cards-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}
.mars-card{display:flex;flex-direction:column;min-height:155px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(7,21,34,.96),rgba(5,12,20,.98));box-shadow:0 10px 22px rgba(0,0,0,.16)}
.mars-card .thumb{height:61px;background-size:cover;background-position:center;border-bottom:1px solid rgba(24,225,255,.14)}.mars-card .meta{padding:7px 10px 0;color:var(--cyan);font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mars-card h3{margin:4px 10px 5px;font-size:.92rem;line-height:1.08;color:#fff}.mars-card p{margin:0 10px 8px;color:#d6e7f3;line-height:1.28;font-size:.72rem;flex:1}.mars-card .action{margin:0 10px 9px;display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:8px;border:1px solid rgba(24,225,255,.4);font-weight:800;color:var(--cyan);font-size:.7rem}
.status-bar{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(5,16,27,.96),rgba(4,10,18,.98));font-size:.78rem;color:var(--muted)}.status-bar strong{color:#fff}
.doc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(6,19,31,.95),rgba(4,10,18,.98));padding:18px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin:0 0 12px;color:#fff}.panel .eyebrow{display:block;margin-bottom:8px;color:var(--cyan);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.panel p{margin:0 0 12px;color:var(--muted);line-height:1.62}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.metric{padding:12px;border-radius:12px;border:1px solid rgba(24,225,255,.18);background:rgba(7,19,31,.72)}.metric strong{display:block;font-size:.95rem;color:#fff;margin-bottom:4px}.metric span{color:var(--muted);font-size:.84rem;line-height:1.4}.bullet-list{margin:0;padding-left:18px;color:#dbeaf5;display:grid;gap:8px}.bullet-list li{line-height:1.55}.subhero{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(240px,.9fr);gap:18px;align-items:stretch}.subhero-image{min-height:245px;border-radius:14px;border:1px solid rgba(24,225,255,.2);background-size:cover;background-position:center;box-shadow:var(--shadow)}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cta{display:inline-flex;padding:10px 14px;border-radius:10px;border:1px solid rgba(24,225,255,.38);font-weight:800}.cta.primary{background:rgba(24,225,255,.12)}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(7,21,34,.96),rgba(5,12,20,.98))}.related-card .thumb{height:94px;background-size:cover;background-position:center}.related-card h4{margin:10px 12px 6px;font-size:1rem;color:#fff}.related-card p{margin:0 12px 12px;color:var(--muted);font-size:.9rem;line-height:1.45}
.footer-note{padding:12px 8px 8px;text-align:center;color:#97b8ca;font-size:.74rem}

/* v12 integration guard: Mars Terraforming must remain 5 x 4 inside /space-systems/. */
body .cards-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-auto-flow:row!important;gap:8px!important;align-items:stretch!important;max-width:none!important}
body .mars-card{width:auto!important;max-width:none!important;min-width:0!important;min-height:155px!important;height:auto!important;margin:0!important}
body .mars-card .thumb{height:61px!important;min-height:61px!important;max-height:61px!important}
body .page-shell{width:1460px!important;max-width:1460px!important;min-width:1460px!important}
body .page-grid{grid-template-columns:205px 1fr!important}
body .main{min-width:0!important}
body .mars-header img, body .sidebar img{object-fit:contain}




/* V13 integration guard: keep Mars Terraforming distinct from Aurora Ares and immune to parent space-systems styles. */
body.mars-terraforming-program{
  min-width:1488px !important;
  overflow-x:auto !important;
}
body.mars-terraforming-program .page-shell{width:1460px !important;max-width:none !important;}
body.mars-terraforming-program .page-grid{display:grid !important;grid-template-columns:205px 1fr !important;}
body.mars-terraforming-program .mars-header-inner{width:1460px !important;max-width:none !important;}
body.mars-terraforming-program .hero-flex{display:grid !important;grid-template-columns:450px 1fr !important;}
body.mars-terraforming-program .info-strip{display:grid !important;grid-template-columns:390px 1fr 420px !important;}
body.mars-terraforming-program .cards-grid{
  display:grid !important;
  grid-template-columns:repeat(5, 1fr) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:auto !important;
  gap:8px !important;
}
body.mars-terraforming-program .cards-grid > .mars-card{min-width:0 !important;max-width:none !important;}
body.mars-terraforming-program .mars-card{min-height:155px !important;}
body.mars-terraforming-program .mars-card .thumb{height:61px !important;}
body.mars-terraforming-program .mars-card h3{font-size:.92rem !important;}
body.mars-terraforming-program .mars-card p{font-size:.72rem !important;}
body.mars-terraforming-program .side-links a,
body.mars-terraforming-program .mars-topnav a,
body.mars-terraforming-program .mars-card .action,
body.mars-terraforming-program .cta,
body.mars-terraforming-program .related-card{cursor:pointer !important;}
body.mars-terraforming-program .module-grid-note{
  display:block;color:#8fc7da;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
}


/* V14 button/clickability fix: whole module cards are real links, not just visual panels. */
body.mars-terraforming-program a{pointer-events:auto !important;}
body.mars-terraforming-program .module-card-link{
  color:inherit !important;
  text-decoration:none !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:1 !important;
}
body.mars-terraforming-program .module-card-link:hover,
body.mars-terraforming-program .module-card-link:focus-visible{
  border-color:rgba(24,225,255,.72) !important;
  box-shadow:0 0 0 1px rgba(24,225,255,.25),0 12px 28px rgba(0,0,0,.24) !important;
  transform:translateY(-1px);
  outline:none !important;
}
body.mars-terraforming-program .module-card-link .action{pointer-events:none !important;}
body.mars-terraforming-program .mars-card .action,
body.mars-terraforming-program .side-panel .btn,
body.mars-terraforming-program .cta{position:relative !important;z-index:5 !important;}
body.mars-terraforming-program .hero-image:after{pointer-events:none !important;}
