:root {
  --bg: #000;
  --fg: #fff;
  --mute: #b5b5b5;
  --line: #fff;
  color-scheme: dark;
}

body { padding: 24px 20px; }
.downloads { width: min(100%, 960px); margin: 0 auto; }
.downloads-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.downloads-nav > a:last-child, .eyebrow { font: 9px/1.8 var(--font); }
.downloads-heading { padding: 56px 0 40px; }
.downloads h1 { margin: 18px 0; font: clamp(17px, 3.5vw, 30px)/1.7 var(--font); }
.downloads h2 { margin-bottom: 22px; font: 11px/1.9 var(--font); }
.downloads h3 { margin-bottom: 12px; font: 10px/1.9 var(--font); }
.downloads p, .downloads li, .install-paths { font: 17px/1.65 var(--font-text); }
.downloads .eyebrow { font: 9px/1.8 var(--font); color: var(--mute); }
.downloads section { padding: 30px 0; border-top: 1px solid var(--mute); }
.downloads a { color: inherit; text-underline-offset: 4px; }
.downloads a:focus-visible { outline: 3px dashed var(--fg); outline-offset: 5px; }
.download-grid, .plugin-grid, .daw-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.download-card { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; border: 2px solid var(--line); }
.download-card p { margin-bottom: 22px; color: var(--mute); }
.download-button { margin-top: auto; background: var(--fg); color: var(--bg) !important; font-size: 10px; }
.download-button:hover { background: var(--bg); color: var(--fg) !important; }
.downloads .download-note { margin: 18px 0; font-size: 15px; color: var(--mute); }
.download-note + a { font: 15px/1.65 var(--font-text); }
.install-steps { padding-left: 28px; }
.install-steps li { padding-left: 8px; margin-bottom: 26px; }
.install-paths { margin: 14px 0; }
.install-paths dt { margin-top: 12px; font: 9px/1.8 var(--font); }
.install-paths dd { margin-top: 6px; }
.downloads code { font: inherit; overflow-wrap: anywhere; }
.install-paths code { display: block; padding: 12px; border: 1px solid var(--mute); user-select: all; }
.daw-guides { margin-top: 30px; }
.downloads-footer { border-top: 1px solid var(--mute); padding: 28px 0 12px; }
.downloads-footer .site-audio-credit { margin-top: 28px; font: 8px/1.8 var(--font); }

@media (max-width: 640px) {
  body { padding: 20px 16px; }
  .downloads-nav { align-items: flex-start; }
  .downloads-nav > a:last-child { max-width: 125px; text-align: right; font-size: 8px; }
  .downloads-heading { padding: 40px 0 28px; }
  .download-grid, .plugin-grid, .daw-guides { grid-template-columns: 1fr; gap: 24px; }
  .download-card { padding: 20px; }
  .download-button { width: 100%; font-size: 9px; }
  .downloads h2 { font-size: 10px; }
  .install-steps { padding-left: 22px; }
  .install-steps li { padding-left: 4px; }
}