.platform-banner{background:#e7f2f8;color:var(--ink)}
.platform-banner-art{background:#e7f2f8}
.download-main-button{background:var(--purple);color:#fff!important}
.platform-badges span,.download-notice{background:#fff}
.install-step{position:relative;grid-template-columns:75px minmax(0,1fr) 260px;min-height:150px}
.guide-step-image{display:block;grid-column:3;width:260px;height:145px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff;box-shadow:0 5px 15px #241b3510}
.install-step>i{position:absolute;right:0;top:20px;color:#6c9b27}
.guide-faq{width:100%;max-width:none}
.guide-faq .guide-section-heading{max-width:none}
.guide-faq details{width:100%}
@media(max-width:800px){.install-step{grid-template-columns:60px minmax(0,1fr) 180px}.guide-step-image{width:180px;height:110px}} 
@media(max-width:560px){.install-step{grid-template-columns:1fr 20px}.install-step .step-label{grid-column:1}.install-step>i{right:0;top:20px}.guide-step-image{grid-column:1 / -1;width:100%;height:170px;max-width:280px}.guide-faq{margin-top:10px}}

/* Calm ocean-blue download theme and larger, clearer installation screenshots. */
:root{--purple:#397fba;--lime:#c7e5f3;--peach:#dceef7}
.download-hub-art{background:#e7f2f8 url('/assets/images/download/saveforge-download-hero.png') center / cover no-repeat!important;min-height:360px;box-shadow:0 18px 40px #397fba20}
.download-hub-art>*{display:none!important}
.download-hub-copy h1 em,.download-hub-meta i,.download-trust>div>i{color:#397fba}
.download-option-icon{background:#edf6fb}
.download-option .button-primary{background:#397fba}
.platform-banner,.platform-banner-art{background:#e7f2f8}
.platform-banner-copy>.download-platform-icon{display:inline-grid;vertical-align:middle;margin:0 12px 0 0}
.platform-banner-copy>.section-tag{display:inline-block;vertical-align:middle}
.page-shell.download-page{padding-top:24px}
.download-breadcrumb{margin-bottom:28px}
.download-main-button{background:#397fba!important;box-shadow:0 12px 25px #397fba38}
.download-main-button span,.button-primary span{color:#d9f2ff}
.install-step{grid-template-columns:75px minmax(0,1fr) 43%;min-height:260px;gap:28px}
.guide-step-image{width:100%;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #183b5218}
.install-step>i{color:#397fba}
.install-step:nth-child(even){grid-template-columns:43% 75px minmax(0,1fr)}
.install-step:nth-child(even) .guide-step-image{grid-column:1;grid-row:1}
.install-step:nth-child(even) .step-label{grid-column:2;grid-row:1}
.install-step:nth-child(even)>div{grid-column:3;grid-row:1}
.install-step:nth-child(odd){background:linear-gradient(90deg,transparent 0%,transparent 64%,#f4f9fc 100%)}
.install-step:nth-child(even){background:linear-gradient(90deg,#f4f9fc 0%,transparent 36%,transparent 100%)}
.guide-faq{max-width:none}
@media(max-width:900px){.install-step{grid-template-columns:65px minmax(0,1fr) 38%;min-height:210px}.guide-step-image{width:100%;height:auto}.install-step:nth-child(even){grid-template-columns:38% 65px minmax(0,1fr)}}
@media(max-width:700px){.install-step,.install-step:nth-child(even){grid-template-columns:1fr 22px;min-height:0;background:transparent}.install-step .step-label,.install-step:nth-child(even) .step-label{grid-column:1;grid-row:auto}.install-step:nth-child(even)>div{grid-column:1;grid-row:auto}.guide-step-image,.install-step:nth-child(even) .guide-step-image{grid-column:1 / -1;grid-row:auto;width:100%;height:auto;max-width:100%}.install-step>i{right:0;top:20px}}
@media(max-width:800px){.download-hub-art{min-height:270px}}
@media(max-width:800px){.page-shell.download-page{padding-top:18px}.download-breadcrumb{margin-bottom:22px}}

/* Platform-specific accents keep each download page distinct while preserving contrast. */
.download-page-windows .platform-banner{background:#e4f1fb}
.download-page-windows .platform-banner-art{background:#d6eafa}
.download-page-windows .download-platform-icon{background:#c8e3f5;color:#17699e}
.download-page-windows .download-main-button{background:#176fa8!important}
.download-page-windows .platform-badges i,.download-page-windows .section-tag{color:#17699e}

.download-page-macos .platform-banner{background:#e9f0f4}
.download-page-macos .platform-banner-art{background:#dde8ee}
.download-page-macos .download-platform-icon{background:#d3e2ea;color:#365f78}
.download-page-macos .download-main-button{background:#315f78!important}
.download-page-macos .platform-badges i,.download-page-macos .section-tag{color:#315f78}

.download-page-android .platform-banner{background:#e2f3f0}
.download-page-android .platform-banner-art{background:#d2ebe6}
.download-page-android .download-platform-icon{background:#c6e5de;color:#16796f}
.download-page-android .download-main-button{background:#16796f!important}
.download-page-android .platform-badges i,.download-page-android .section-tag{color:#16796f}

/* Match the Home palette: light surfaces, quiet borders, one shared ocean-blue accent. */
.download-page .platform-banner{background:#c7e5f3;color:var(--ink);border:1px solid #acd3e5;box-shadow:0 10px 28px #183b520b}
.download-page .platform-banner-art{background:#eef5f8;box-shadow:none}
.download-page .download-platform-icon{background:#edf6fb;color:#247fb5}
.download-page .download-main-button{background:#247fb5!important}
.download-page .platform-badges span{background:#fff;border-color:var(--line)}
.download-page .platform-badges i,.download-page .section-tag{color:#247fb5}

@media(max-width:900px){
  .download-page .platform-banner-art{display:none}
  .download-page .platform-banner,
  .download-page-windows .platform-banner,
  .download-page-macos .platform-banner,
  .download-page-android .platform-banner{background:#c7e5f3}
  .download-page .download-platform-icon,
  .download-page-windows .download-platform-icon,
  .download-page-macos .download-platform-icon,
  .download-page-android .download-platform-icon{background:#eaf3f7;color:#247fb5}
  .download-page .platform-badges span{background:#fff}
}

@media(max-width:900px){
  .download-page .install-step,
  .download-page .install-step:nth-child(even){
    grid-template-columns:1fr 24px;
    min-height:0;
    gap:8px 16px;
    padding:24px 0;
    background:transparent;
  }
  .download-page .install-step .step-label,
  .download-page .install-step:nth-child(even) .step-label{grid-column:1;grid-row:auto}
  .download-page .install-step>div,
  .download-page .install-step:nth-child(even)>div{grid-column:1;grid-row:auto;min-width:0}
  .download-page .guide-step-image,
  .download-page .install-step:nth-child(even) .guide-step-image{grid-column:1 / -1;grid-row:auto;width:100%;height:auto;max-width:100%;margin-top:8px}
  .download-page .install-step>i{right:0;top:24px}
}
