.collection-note{padding:1rem;border:1px solid #d8e2e5;background:#f8fbfc;border-radius:.7rem;line-height:1.7}
.collection-sources,.collection-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;margin:1rem 0}
.collection-source,.collection-item{padding:1rem;background:white;border:1px solid #d8e2e5;border-radius:.7rem;overflow-wrap:anywhere}
.collection-source h3,.collection-item h3{margin:.2rem 0 .7rem;font-size:1rem}
.collection-source p,.collection-item p{margin:.45rem 0;line-height:1.65}
.collection-status{display:inline-block;padding:.2rem .5rem;border-radius:.3rem;font-size:.75rem;background:#edf3f5;color:#385767}
.collection-status[data-state=failed]{background:#fff0ee;color:#a42c38}
.collection-status[data-state=partial]{background:#fff5dc;color:#8b671a}
.collection-status[data-state=complete],.collection-status[data-state=success]{background:#e6f5f3;color:#1f675f}
.collection-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}
.collection-heading label{min-width:min(100%,260px);font-size:.8rem}.collection-heading select{display:block;margin-top:.3rem}
#collection-count{font-size:.85rem;color:#617984}.collection-item small{display:block;margin-top:.5rem;color:#617984}.collection-item details{margin-top:.6rem}.collection-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.7rem}
@media(max-width:650px){.collection-heading{align-items:stretch}.collection-heading label{width:100%}}