.download-page .shell { max-width: 1220px; }
.download-hero { align-items: stretch; background: linear-gradient(135deg,#eef6ed,#dff0e3); border: 1px solid #d3e0d5; border-radius: 28px; display: grid; gap: 32px; grid-template-columns: minmax(0,1fr) minmax(260px,.38fr); margin: 20px 0 28px; overflow: hidden; padding: clamp(30px,5vw,64px); }
.download-hero h1 { margin: 11px 0 20px; }
.download-lead { color: var(--muted); font-size: 15px; line-height: 1.7; max-width: 750px; }
.download-current { align-items: center; display: flex; gap: 24px; justify-content: space-between; margin-top: 36px; }
.download-current > div { display: grid; gap: 5px; }
.download-version { color: var(--forest); font-size: 13px; font-weight: 900; }
.download-current strong { font-size: 22px; }
.download-current small { color: var(--muted); font-size: 10px; }
.download-primary { flex: 0 0 auto; min-height: 58px; padding: 0 25px; }
.download-primary span { font-size: 20px; }
.download-actions { align-items: stretch; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.download-direct { background: transparent; border: 1px solid var(--forest); color: var(--forest); }
.rustore-button { align-items: center; background: #111827; border: 1px solid #111827; border-radius: 12px; color: white; display: inline-flex; gap: 10px; min-height: 58px; padding: 8px 18px; text-decoration: none; }
.rustore-button.secondary { background: white; border-color: var(--line); color: var(--forest); }
.rustore-button > span { display: grid; line-height: 1.05; }
.rustore-button small { font-size: 8px; font-weight: 650; text-transform: uppercase; }
.rustore-button strong { font-size: 18px; }
.rustore-version { color: var(--muted); font-size: 10px; margin: 12px 0 0; }
.download-safety { align-items: flex-start; align-self: end; background: var(--forest); border-radius: 20px; color: white; display: flex; gap: 15px; padding: 23px; }
.download-safety > span { align-items: center; background: var(--mint-bright); border-radius: 50%; color: var(--forest); display: flex; flex: 0 0 36px; font-weight: 900; height: 36px; justify-content: center; }
.download-safety strong { font-size: 13px; }
.download-safety p { color: #c1d3c6; font-size: 10px; line-height: 1.55; margin: 7px 0 0; }
.download-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.download-card { background: white; border: 1px solid var(--line); border-radius: 24px; padding: clamp(25px,4vw,42px); }
.download-card h2 { font-size: 32px; margin: 8px 0 20px; }
.download-card ol { color: #46554b; display: grid; font-size: 12px; gap: 11px; line-height: 1.6; padding-left: 20px; }
.download-facts { border-top: 1px solid var(--line); display: grid; gap: 0; margin: 26px 0 0; }
.download-facts > div { display: grid; gap: 12px; grid-template-columns: 90px minmax(0,1fr); padding: 13px 0; }
.download-facts > div + div { border-top: 1px solid var(--line); }
.download-facts dt { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.download-facts dd { font-size: 10px; margin: 0; min-width: 0; overflow-wrap: anywhere; }
.download-facts code { font-size: 9px; }
.migration-card { background: var(--forest-deep); color: white; }
.migration-card .eyebrow { color: var(--mint-bright); }
.migration-card h2 { color: white; }
.migration-card ol { color: #cad9cf; }
.migration-card .secondary-action { border-color: white; margin-top: 26px; }
.migration-card .secondary-action b { font-size: 10px; }
.migration-note { color: #91aa99; font-size: 10px; line-height: 1.6; margin: 16px 0 0; }
.release-history { margin-top: 52px; }
.release-list { background: white; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.release-list article { align-items: start; display: grid; gap: 20px; grid-template-columns: 190px minmax(0,1fr) 70px; padding: 22px 25px; }
.release-list article + article { border-top: 1px solid var(--line); }
.release-list article.current { background: #f0f7f1; }
.release-list article > div { display: grid; gap: 5px; }
.release-list strong { font-size: 13px; }
.release-list small, .release-list li { color: var(--muted); font-size: 9px; line-height: 1.5; }
.release-list ul { margin: 0; padding-left: 17px; }
.release-list article > a, .release-list article > span { color: var(--forest-mid); font-size: 10px; font-weight: 850; justify-self: end; text-decoration: none; }
@media (max-width: 850px) { .download-hero, .download-grid { grid-template-columns: 1fr; } .download-safety { align-self: auto; } }
@media (max-width: 620px) { .download-page .shell { padding-left: 15px; padding-right: 15px; } .download-current { align-items: stretch; flex-direction: column; } .download-actions { display: grid; justify-content: stretch; } .download-primary, .rustore-button { justify-content: center; width: 100%; } .release-list article { grid-template-columns: 1fr; } .release-list article > a, .release-list article > span { justify-self: start; } .section-bar > div { align-items: flex-start; flex-direction: column; } }