/* Download Page — full width redesign */
.download-page { padding-top: 8px; }

/* Download Header */
.dl-header { display: flex; gap: 20px; align-items: center; background: var(--surface); padding: 24px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 24px; }
.dl-icon img { width: 80px; height: 80px; border-radius: 18px; }
.dl-meta { flex: 1; }
.dl-meta h1 { font-size: 1.35rem; margin-bottom: 10px; }
.dl-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.dl-tag { background: var(--bg); padding: 4px 12px; border-radius: 6px; font-size: .85rem; color: var(--text-muted); font-weight: 500; }
.dl-tag-mod { background: #fef3c7; color: #92400e; }

/* Version List */
.dl-versions { background: var(--surface); padding: 24px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 24px; }
.dl-versions h2 { font-size: 1.1rem; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border); }
.dl-version-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--bg); border-radius: 8px; margin-bottom: 10px; transition: box-shadow .2s; }
.dl-version-row:hover { box-shadow: var(--shadow); }
.dl-version-row:last-child { margin-bottom: 0; }
.dl-version-info { flex: 1; min-width: 0; }
.dl-version-name { display: block; font-weight: 600; font-size: .95rem; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dl-version-size { display: block; font-size: .8rem; color: var(--text-muted); margin-top: 2px; }
.dl-btn { padding: 10px 24px; font-size: .95rem; white-space: nowrap; flex-shrink: 0; margin-left: 16px; }

/* Description */
.dl-description { background: var(--surface); padding: 24px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 24px; }
.dl-description h2 { font-size: 1.1rem; margin-bottom: 12px; }
.dl-description p { color: #334155; line-height: 1.8; font-size: .95rem; }
.dl-more-link { display: inline-block; margin-top: 12px; font-size: .9rem; font-weight: 600; }

/* Recommended Section */
.dl-recommended { margin-bottom: 24px; }

/* Back link */
.dl-back-link { display: inline-block; margin-bottom: 32px; font-size: .9rem; color: var(--text-muted); }
.dl-back-link:hover { color: var(--primary); }

/* Responsive */
@media (max-width: 768px) {
    .dl-header { flex-direction: column; text-align: center; }
    .dl-tags { justify-content: center; }
    .dl-version-row { flex-direction: column; gap: 10px; text-align: center; }
    .dl-btn { margin-left: 0; width: 100%; }
}
@media (max-width: 480px) {
    .dl-header, .dl-versions, .dl-description { padding: 16px; }
}