.download-variants {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));
 gap: 12px;
 margin-block: 10px;
}
.download-variant {
 min-width: 0;
 padding: 12px 14px;
 border: 1px solid var(--line, #d6d6d6);
 border-top: 3px solid #3d3d3d;
 border-radius: 10px;
 background: #fff;
}
.download-variant-web { border-top-color: #f06a18; }
.download-variant-heading h3, .download-quickcard h4 { margin: 0; }
.download-variant-heading h3 { font-size: 1.1rem; }
.download-variant p { margin: 7px 0; line-height: 1.4; }
.download-quickcard {
 margin-block: 9px;
 padding: 8px 10px;
 border-radius: 6px;
 background: #f5f5f5;
 font-size: .9rem;
 line-height: 1.4;
}
.download-quickcard ol { margin: 4px 0 0; padding-inline-start: 1.3em; }
.download-quickcard li + li { margin-top: 3px; }
.download-variant-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.download-variant-actions .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.download-variant-details { margin-top: 8px; font-size: .85rem; }
.download-variant-details summary { cursor: pointer; font-weight: 600; }
.download-variants [hidden] { display: none; }
.download-variants[hidden] { display: none; }