/* Login title, colors, button metrics, spacing and motion remain in login-home.css.
   Three platforms add a grid column; each desktop button retains its 274px width. */
.download-page .login-landing { position: relative; }
.download-page .download-entries { grid-template-columns: repeat(3, 1fr); width: min(846px, 100%); }
.download-main, .download-side { display: flex; align-items: center; }
.download-main { gap: 10px; min-width: 0; }
.download-side { gap: 8px; flex-shrink: 0; margin-left: 8px; }
.download-os-mark, .download-arrow { flex-shrink: 0; }
.download-label { white-space: nowrap; letter-spacing: 1px; }
.download-availability { font-size: 10px; letter-spacing: 0; opacity: .75; white-space: nowrap; }
.download-status-area { position: absolute; top: calc(100% + 12px); left: 0; width: 100%; color: var(--login-muted); font-size: 12px; }
.download-status { margin: 0; line-height: 1.7; }
.download-retry { background: transparent; border: 1px solid var(--login-border); border-radius: 12px; color: var(--login-muted); padding: 8px 16px; margin-top: 8px; cursor: pointer; font: inherit; }
.download-notes { max-width: 700px; margin: 12px auto; }
.download-notes summary { cursor: pointer; }
.download-note { white-space: pre-wrap; text-align: left; line-height: 1.8; }
@media (max-width: 639px) {
  .download-page .download-entries { grid-template-columns: 1fr; width: 100%; }
}
