body{margin:0;font-family:"Poppins", sans-serif;;background:var(--bg);color:var(--text);}
.container{max-width:var(--max-width);margin:auto;padding:32px;}
.hero,.section,.card{background:var(--card);border-radius:var(--radius);padding:24px;margin-bottom:28px;}
.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 20px;
  max-width: 100%;
}

.playlist-section .grid,
#results {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}

.playlist-section .grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}

.playlist-section .grid > * {
  width: 100%;
}

#results {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}

/* Tablet: 2 columns */
@media(max-width:768px) {
  .playlist-section .grid,
  #results {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

/* Mobile: 1 column */
@media(max-width:480px) {
  .playlist-section .grid,
  #results {
    grid-template-columns: 1fr;
  }
}

footer{text-align:center;padding:40px;color:#666;}