/* MarsCraft case study: inherits layout from SMT while using MarsCraft's game identity. */
.mars-page{--smt-cyan:#78d9a1;--smt-cyan-soft:#b6fbd2;--smt-sea:#133c30;--smt-black:#081712;background:#0a1715;color:#f4fcf7}
.mars-page .topbar{background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.64) 42%,transparent 90%)}
.mars-hero{background:#091812}
.mars-hero-art{object-fit:cover;object-position:center 40%;filter:saturate(1.13)}
.mars-hero-tint{background:linear-gradient(180deg,rgba(4,10,9,.01) 0%,rgba(4,10,9,.09) 25%,rgba(4,10,9,.58) 75%,#0a1715 100%)}
.mars-hero h1{color:#70ff58;font-weight:600;font-size:clamp(55px,7.4vw,126px);letter-spacing:.06em;text-shadow:0 5px 26px #000,0 0 30px rgba(0,0,0,.8)}
.mars-hero .smt-formerly{color:#c4ffcf}
.mars-page .smt-section-title{background:linear-gradient(108deg,#20a27c,#90f5ac 55%,#bdfab4);background-clip:text;-webkit-background-clip:text}
.mars-page .smt-details{background:linear-gradient(180deg,#0a1715,#0d2520 68%,#0a1715)}
.mars-page .smt-fact-icon{border-color:#265944;background:#040b09;color:#79eba9}
.mars-page .smt-fact:hover{filter:drop-shadow(0 0 14px #2cc48250)}
.mars-page .smt-fact-label{color:#92e2ae}
.mars-page .smt-fact-value{color:#e3ffec}
.mars-page .asset-topline{background:#174735;color:#e7ffef}
.mars-page .asset-type{color:#adf0c4}
.mars-page .miro-stage{border-color:#245e4d;background:#102d23}
.mars-page .smt-attachment-line{color:#a3bfb2}
.mars-page .smt-attachment-line a{color:#a5f3c2}
.mars-page .smt-notes li::marker{color:#91f5b3}
.mars-page .smt-prose a.mars-prose-link{color:#a4f8bb;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .17s ease}
.mars-page .smt-prose a.mars-prose-link:hover{color:#fff}
.mars-page .smt-kpi{background:#122a23;border-color:#295e43}
.mars-page .smt-kpi:hover{background:#1a4030}
.mars-page .smt-kpi strong{color:#8aff9c;font-size:clamp(25px,3.25vw,55px)}
.mars-page .smt-kpi span{color:#d5f3dc}
.mars-page .smt-file-button{background:#123d2d;color:#c7ffe1!important;border-color:#68d994!important}
.mars-page .smt-file-button:hover{background:#216b49;color:white!important}
.mars-page .smt-bottom-nav{border-top-color:#315a46}
.mars-page .smt-bottom-nav a{color:#8bea9a}
.mars-page .smt-bottom-nav a:hover{color:#fff}
.mars-page .mars-intro{padding-bottom:18px}
.mars-document-download{display:flex;align-items:flex-start;justify-content:space-between;gap:15px 30px;flex-wrap:wrap;margin:45px 0 30px;padding:28px 32px;border-left:3px solid #8bf7a8;background:linear-gradient(90deg,#10342a,#0b1d18)}
.mars-document-download .small-cyan{color:#9cf4b4;margin:0;width:100%}
.mars-document-download p{margin:0;max-width:430px;font-size:17px;color:#c9e3d0}
.mars-audience{margin-top:22px;margin-bottom:45px}
.mars-followup{margin-top:48px}
.mars-level-notes{margin-bottom:10px}
.mars-formula{margin:26px auto 38px;padding:32px 20px;text-align:center;background:linear-gradient(120deg,#0d2824,#0b1f1c);border:1px solid #215c56;border-left:3px solid #72dfcf;max-width:1130px}
.mars-formula div{font:500 clamp(18px,2vw,30px)/1.45 'Chakra Petch',sans-serif;color:#80e9f8;overflow-wrap:anywhere}
.mars-formula p{font:italic 400 clamp(13px,1vw,16px)/1.5 'Funnel Sans',sans-serif;color:#b8d5d1;margin:11px 0 0}
.mars-formula sup{font-size:.69em;vertical-align:super}
.mars-large-formula{padding:35px 12px}
.mars-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:30px}
.mars-booster-table{border-collapse:collapse;width:100%;table-layout:fixed;background:#030b09;color:#fff;font:500 clamp(16px,1.13vw,19px)/1.35 'Funnel Sans',sans-serif}
.mars-booster-table th,.mars-booster-table td{padding:12px 18px;text-align:left;border:1px solid #7f9b91}
.mars-booster-table th{color:#c4ffe5;font-weight:800}
.mars-booster-table tr:hover td{background:rgba(122,247,171,.1)}
.mars-screenshot-frame{border:1px solid #2b7050;overflow:auto;overscroll-behavior-x:contain;background:#fff;max-width:100%}
.mars-screenshot-frame img{display:block;min-width:980px;width:100%;height:auto}
.mars-miro-stage iframe{height:clamp(420px,50vw,670px)}
.mars-page .site-footer{background:#252525}
@media(max-width:600px){
 .mars-hero{min-height:0}
 .mars-hero-art{aspect-ratio:16/11;object-fit:cover}
 .mars-hero-tint{background:linear-gradient(180deg,transparent 32%,#0a1715 99%);height:70vw}
 .mars-hero h1{font-size:clamp(39px,10vw,64px);line-height:1.06}
 .mars-page .smt-fact-icon{width:110px}
 .mars-document-download{padding:22px 18px;margin-top:28px}
 .mars-formula{padding:25px 12px}
 .mars-formula div{font-size:clamp(15px,4.2vw,23px)}
 .mars-booster-table th,.mars-booster-table td{padding:11px 12px}
 .mars-miro-stage iframe{height:460px}
 .mars-page .smt-kpi strong{font-size:clamp(23px,6vw,38px)}
}
