.collection-card[hidden] { display: none; }
.collection-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border: 1px solid var(--line); background: var(--panel); margin-top: 32px; }
.collection-image { display: block; width: 100%; height: 100%; max-height: 340px; min-height: 240px; object-fit: contain; background: var(--panel-alt); }
.collection-copy { padding: clamp(20px, 4vw, 36px); align-self: center; min-width: 0; }
.collection-copy h2 { font-size: clamp(23px, 3vw, 32px); margin: 8px 0; }
.collection-scientific { color: var(--muted); font-style: italic; margin: 0 0 18px; }
.collection-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 20px; }
.collection-actions button { font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.collection-actions button:disabled { opacity: .6; cursor: wait; }
.collection-credit { font-size: 12px; color: var(--muted); margin-top: 18px; overflow-wrap: anywhere; }
.collection-credit summary { cursor: pointer; }
.collection-credit p { margin: 6px 0; }
.collection-status { font-size: 14px; color: var(--muted); }
.collection-status:empty { display: none; }
@media (max-width: 620px) {
    .collection-card { grid-template-columns: 1fr; }
    .collection-image { height: 250px; min-height: 0; }
}