.download-intro { max-width: 82ch; color: var(--text-secondary); }
.download-summary { padding: 1.4rem; margin: 1.5rem 0; }
.download-summary h2, .download-card h2, .download-notes h2 { font-size: 1.1rem; margin: 0 0 .7rem; }
.download-summary p, .download-card p, .download-notes { color: var(--text-secondary); line-height: 1.6; }
.download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.download-card { padding: 1.4rem; margin: 0; }
.download-card dl { margin: 1rem 0; }
.download-card dl div { display: flex; justify-content: space-between; gap: 1rem; margin: .45rem 0; font-size: .85rem; }
.download-card dt { font-weight: 400; color: var(--text-secondary); }
.download-card dd { margin: 0; text-align: right; }
.download-action { display: inline-block; margin: .3rem 0 1rem; font-weight: 600; }
.download-card summary { cursor: pointer; font-size: .85rem; }
.download-card details p { font-size: .8rem; overflow-wrap: anywhere; }
.download-card code { overflow-wrap: anywhere; }
.download-notes { margin-top: 2rem; max-width: 90ch; }
.download-notes li { margin-bottom: .6rem; }
@media (max-width: 800px) { .download-grid { grid-template-columns: 1fr; } }

.download-copy-actions { margin: 0 0 .8rem; }
.download-card button { font: inherit; font-size: .8rem; padding: .35rem .65rem; border: 1px solid var(--border-color); border-radius: .3rem; background: var(--bg-surface); color: var(--text); cursor: pointer; }
.download-copy-status { font-size: .8rem; margin-bottom: 0; }
.download-copy-status:empty { display: none; }
.download-copy-fallback { width: 100%; margin-top: .5rem; padding: .5rem; font: inherit; font-size: .8rem; color: var(--text); background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: .3rem; }