.downloads-header { width: min(var(--downloads-nav-width), calc(100% - var(--space-12))); margin: var(--space-6) auto 0; padding: var(--space-4) var(--space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.downloads-header nav { flex-direction: row; align-items: center; width: auto; padding: 0; gap: var(--space-6); }
.downloads-header [aria-current="page"] { color: var(--color-accent); text-decoration: underline; text-underline-offset: var(--space-2); }
.downloads-main { width: min(var(--downloads-width), calc(100% - var(--space-12))); margin-inline: auto; }
.downloads-hero { text-align: center; padding-top: var(--space-16); }
.downloads-mark { display: block; width: var(--space-16); height: var(--space-16); margin: 0 auto var(--space-6); }
.downloads-hero h1 { font-size: var(--text-downloads-title); line-height: 1.08; letter-spacing: -.05em; }
.downloads-intro { max-width: var(--downloads-copy-width); margin: var(--space-6) auto 0; color: var(--color-text-muted); font-size: var(--text-lg); }
.download-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: left; gap: var(--space-8); margin: var(--space-10) auto var(--space-5); }
.download-option { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-subtle); }
.download-option > div { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
.download-option h2 { font-size: var(--text-lg); }
.download-option p { color: var(--color-text-muted); font-size: var(--text-sm); }
.download-option button:disabled { cursor: not-allowed; color: var(--color-text-muted); border-color: var(--color-border-strong); background: transparent; }
.download-option button:disabled span { transform: none; }
.downloads-alternative { color: var(--color-text-muted); font-size: var(--text-sm); }
.downloads-alternative a, .downloads-footer a { text-decoration: underline; text-underline-offset: var(--space-1); }
.setup-preview { margin-top: var(--space-12); border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); overflow: hidden; background: var(--color-bg-subtle); }
.setup-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) var(--space-6); border-bottom: 1px solid var(--color-border); }
.setup-window-title { font-size: var(--text-sm); }
.setup-platforms { display: flex; gap: var(--space-1); }
.setup-platforms button { min-height: var(--space-11); padding: var(--space-2) var(--space-4); border: 1px solid transparent; border-radius: var(--radius-sm); color: var(--color-text-muted); background: transparent; font-size: var(--text-sm); }
.setup-platforms [aria-pressed="true"] { background: var(--color-bg); border-color: var(--color-border); color: var(--color-accent); }
.setup-panel { padding: var(--space-10) var(--space-6); text-align: center; background: var(--color-bg); }
.setup-caption { font-size: var(--text-xs); color: var(--color-text-muted); margin-bottom: var(--space-3); }
.setup-panel h2 { font-size: var(--text-downloads-preview); }
.setup-diagram { display: flex; align-items: center; justify-content: center; gap: var(--space-10); margin-top: var(--space-10); }
.setup-destination { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); font-size: var(--text-sm); }
.setup-app, .setup-folder { width: var(--downloads-icon-size); height: var(--downloads-icon-size); color: var(--color-accent); }
.setup-app { border-radius: var(--radius-md); }
.setup-arrow { width: var(--space-35); color: var(--color-accent); margin-bottom: var(--space-6); }
.setup-note { text-align: center; padding: var(--space-4) var(--space-6); color: var(--color-text-muted); font-size: var(--text-xs); }
.downloads-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-6); margin: var(--space-10) 0; font-size: var(--text-xs); color: var(--color-text-muted); }
@media (max-width: 760px) {
  .downloads-header { gap: var(--space-4); padding: var(--space-4); flex-wrap: wrap; }
  .downloads-header nav { order: 3; width: 100%; justify-content: center; }
  .downloads-header .button { padding: var(--space-2) var(--space-3); min-height: var(--space-11); font-size: var(--text-xs); gap: var(--space-2); }
  .downloads-hero { padding-top: var(--space-10); }
  .downloads-intro { font-size: var(--text-base); }
  .download-options { gap: var(--space-4); }
  .download-option { padding: var(--space-4); }
  .download-option > div { flex-direction: column; align-items: flex-start; }
  .download-option .button { padding: var(--space-3); gap: var(--space-2); font-size: var(--text-xs); }
  .setup-diagram { gap: var(--space-5); }
  .setup-arrow { width: var(--space-18); }
}
@media (max-width: 480px) {
  .downloads-header, .downloads-main { width: calc(100% - var(--space-8)); }
  .downloads-header { padding: var(--space-3); gap: var(--space-3); }
  .downloads-header .wordmark img { width: var(--space-24); }
  .downloads-header nav { font-size: var(--text-xs); }
  .download-options { grid-template-columns: 1fr; }
  .download-option > div { flex-direction: row; align-items: center; }
  .setup-toolbar { flex-direction: column; gap: var(--space-2); }
  .setup-panel { padding: var(--space-7) var(--space-4); }
  .setup-diagram { gap: var(--space-3); }
  .setup-arrow { width: var(--space-12); }
  .downloads-footer { justify-content: center; }
}