/* Update 51: compact downloads, real-color history and responsive recommendations. */
.history-row>img{filter:none}
.purchased-card .account-card-copy{display:flex;flex-direction:column}
.purchase-delivery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px;margin-top:auto}
.purchase-delivery-actions .purchase-download{min-width:0;min-height:40px;padding:8px 5px;line-height:1.4;text-align:center;font-size:9px!important;white-space:normal;overflow:visible;text-overflow:clip;gap:5px}
.purchase-delivery-actions .purchase-download:not(.license)::before{content:'↓';font-size:13px;flex:none}
.purchase-delivery-actions .license:last-child:nth-child(odd){grid-column:1/-1}
.purchase-download:focus-visible{outline:2px solid #fff;outline-offset:3px}
#relatedBeats{user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom;cursor:grab;grid-template-columns:repeat(4,minmax(0,1fr))}
#relatedBeats.is-dragging{cursor:grabbing}
#relatedBeats img,#relatedBeats a{-webkit-user-drag:none}
@media(min-width:701px) and (max-width:1100px){#relatedBeats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  #relatedBeats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #relatedBeats .related-image>a>img{aspect-ratio:1;object-fit:cover}
  #relatedBeats .related-copy{padding:8px 6px}
  #relatedBeats .related-copy a{font-size:11px}
  #relatedBeats .related-copy small{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #relatedBeats .related-copy b{font-size:10px;margin-top:8px}
  #relatedBeats .mini-buy{font-size:8px;min-height:32px;padding:0 3px}
  #relatedBeats .related-play{width:30px;height:30px;left:6px;bottom:6px}
}