/* Styles speziell für die Download-Seite */
#download {
  display: block;
  width: 96%;
  margin: 3.5% auto;
  padding: 1rem;
  max-width: 1100px;
}

/* Tabelle für Desktop */
.download-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  border-radius: 8px;
  overflow: hidden;
}
.download-table thead {
  background: linear-gradient(90deg,#5269e9,#6b7bf0);
  color: #fff;
}
.download-table th,
.download-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-size: 0.95rem;
}
.download-table tbody tr:last-child td { border-bottom: 0; }
.download-actions a {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.35rem 0.6rem;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  background: #1a0dab;
  font-weight: 600;
}
.download-actions a.secondary {
  background: #4a5568;
}

/* Karten für Mobile */
.download-cards {
  display: none;
  gap: 1rem;
}
.download-card {
  background: #fff;
  padding: 0.75rem;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.download-card .header {
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.5rem;
}
.meta-row { display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:0.5rem; }
.meta-row span { font-weight:600; color:#0f172a; }
.card-actions a { margin-right:0.5rem; text-decoration:none; }
.card-actions a.btn { padding:0.4rem 0.6rem; border-radius:6px; color:#fff; background:#1a0dab; font-weight:600; }
.card-actions a.btn.secondary { background:#6b7280 }

/* Responsive Rules */
@media (max-width: 768px) {
  .download-table { display: none; }
  .download-cards { display: grid; grid-template-columns: 1fr; }
  #download {
    width: 100%;
    padding: 1rem 0.75rem;
  }
  .download-card {
    width: 100%;
    max-width: 100%;
  }
  #download article { padding: 0; }
}

@media (min-width: 769px) {
  .download-cards { display: none; }
}

.lead { max-width: 70ch; margin: 0 auto 1rem auto; }

.back-link { display:inline-block; margin-top:1rem; }

/* Darkmode-specific styles for the download page */
html.dark .download-table {
  background: #1f1f1f;
}

html.dark .download-table th,
html.dark .download-table td {
  color: #e2e2e2;
  border-color: #333;
}

html.dark .download-table thead {
  background: linear-gradient(90deg,#3a4dcf,#4f62e5);
}

html.dark .download-card {
  background: #1f1f1f;
  color: #e2e2e2;
  box-shadow: 0 1px 6px rgba(0,0,0,0.45);
}

html.dark .download-card .header {
  color: #f8f8f8;
}

html.dark .meta-row span {
  color: #d7d7d7;
}

html.dark .card-actions a.btn.secondary {
  background: #4b5563;
}