#music-feed { color: var(--ink); }
#music-feed .music-index {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(9px, 1.6vw, 19px);
  margin-top: 14px;
}
#music-feed .music-row {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 17px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
#music-feed .music-cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 18px;
  background: var(--paper-2);
}
#music-feed .music-thumb { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#music-feed .music-copy {
  display: block;
  margin: 7px 2px 0;
  font: 600 clamp(12px, 1.15vw, 15px)/1.22 var(--sans);
}
#music-feed .music-play-icon {
  position: absolute; right: 9px; bottom: 9px;
  display: grid; place-items: center; width: 36px; height: 36px;
  border: 1px solid var(--paper); border-radius: 50%; color: var(--ink); background: color-mix(in srgb, var(--paper) 94%, transparent);
}
#music-feed .music-play-icon::before {
  content: ""; margin-left: 2px; border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
}
#music-feed .music-row:hover .music-play-icon, #music-feed .music-row[aria-expanded="true"] .music-play-icon { color: var(--on-dark); background: var(--wine); }
#music-feed .music-row[aria-expanded="true"] .music-play-icon::before { width: 9px; height: 9px; margin: 0; border: 0; background: currentColor; }
#music-feed .music-player { margin-top: 15px; padding: 0 10px 10px; border: 1px solid var(--rule); border-radius: 18px; background: var(--paper); }
#music-feed .music-player[hidden] { display: none; }
#music-feed .music-actions { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; padding: 2px 3px; }
#music-feed .music-actions a, #music-feed .music-actions button { display: inline-flex; align-items: center; min-height: 42px; padding: 3px; font: 600 12px/1.3 var(--sans); color: var(--wine); }
#music-feed .music-actions a { text-decoration: underline; text-underline-offset: 3px; }
#music-feed .music-actions button { border: 0; background: transparent; cursor: pointer; }
#music-feed .music-embed { display: block; width: 100%; height: 340px; border: 0; border-radius: 12px; }
#music-feed :is(a,button,iframe):focus-visible { outline: 2px solid var(--brass); outline-offset: 2px; }
@media (max-width: 650px) {
  #music-feed .music-index { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 15px; }
  #music-feed .music-cover { border-radius: 16px; }
  #music-feed .music-play-icon { width: 31px; height: 31px; right: 7px; bottom: 7px; }
}