/* Force transparent background */
.table-music,
.table-music th,
.table-music td {
  background-color: transparent !important;
}

/* Header row */
.table-music thead th {
  background-color: rgba(128, 138, 148, 1) !important;
  border-bottom: 3px solid rgba(128, 138, 148, 0.3);
}

/* Even rows - subtle stripe */
.table-music tbody tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Odd rows - transparent, just in case */
.table-music tbody tr:nth-child(odd),
.table-music tbody tr:nth-child(odd) td {
  background-color: transparent !important;
}

/* Cell styling */
.table-music td {
  border-bottom: 1px solid rgba(128, 138, 148, 0.3) !important;
  padding: 1rem 0.75rem;
  vertical-align: middle;
}

/* Image cell should stay small */
.table-music td:first-child img {
  width: 80px;
  height: auto;
  border-radius: 0.375rem; /* rounded-md */
}

/* Download link spacing */
.table-music td:nth-child(3) a {
  margin-right: 0.75rem;
}

/* Responsive wrapping */
.table-music {
  table-layout: auto;
  word-break: break-word;
  width: 100%;
}

.table-music td, .table-music th {
  word-wrap: break-word;
  white-space: normal;
}
.underline {
  color:lightblue;
}
.underline:hover {
  color:darkcyan;
}

/*  small screens */
@media (max-width: 640px) {
  .table-music td {
    padding: 0.75rem 0.5rem;
  }
}
.content {
  display: flex;
  flex-direction: row;
}



.right-content {
  margin-left: 0px;
}

@media (max-width: 768px) {
  .content {
    flex-direction: column;
  }

}

@media (min-width:600px) {  
  .right-content {
  margin-left: 180px;
}}