.downloads-grid {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  margin-top: var(--space-3);
}
.download-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  text-align: center;
  padding: var(--space-3);
  border: var(--border-w) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
  font-weight: 700;
  text-decoration: none;
  color: var(--color-ink);
}
.download-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--shadow-lift);
  color: var(--color-ink);
}