/* ===== /download (v15) ===== */
.download-install { display: flex; gap: 1.5rem; align-items: center; padding: 1.75rem; flex-wrap: wrap; }
.download-install:hover { transform: none; }
.download-install__logo { width: 96px; height: 96px; border-radius: 22px; flex-shrink: 0; box-shadow: var(--shadow-md); }
.download-install__body { flex: 1; min-width: 14rem; }
.download-steps { display: grid; gap: 1.25rem; margin-top: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.download-steps .card__title i { color: var(--brand-600); margin-inline-end: .35rem; }
.download-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .875rem; }
.download-item { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; }
.download-item__icon { font-size: 1.75rem; color: var(--brand-600); flex-shrink: 0; }
.download-item__meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.download-item__meta strong { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .download-install { flex-direction: column; text-align: center; }
  .download-item { flex-wrap: wrap; }
  .download-item .btn { width: 100%; justify-content: center; }
}

/* ===== v21: per-OS app downloads (#apps; the notice bar links here) ===== */
.download-apps { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.download-app .card__body { display: flex; flex-direction: column; align-items: center; gap: .75rem; text-align: center; height: 100%; }
.download-app .card__desc { flex: 1; margin: 0; }
.download-app .btn { margin-top: auto; justify-content: center; }
.download-app__icon { width: 4rem; height: 4rem; border-radius: 50%; display: grid; place-items: center; font-size: 2rem; background: var(--brand-050); color: var(--brand-600); }
.download-app.is-current { border-color: var(--gold); box-shadow: 0 0 0 2px var(--gold-soft), var(--shadow-md); }
.download-app.is-current .download-app__icon { background: var(--gold-soft); color: var(--gold-strong); }
.section#apps { scroll-margin-top: var(--header-h); }