/* Homepage V27 — make offer choices and How It Works readable at every viewport.
   Customer preference: stack cards vertically even on desktop, not skinny columns.
   Preserve the approved artwork, palette, left-centered step numbers and copy. */
#main > .song-section .song-grid {
  grid-template-columns:minmax(0,1fr);
  max-width:760px;
  gap:14px;
  margin-left:auto;
  margin-right:auto;
}
#main > .song-section .song-card,
#main > .song-section .song-card:last-child {
  grid-column:auto;
  min-width:0;
}
#main > .how-section .step-grid {
  grid-template-columns:minmax(0,1fr);
  max-width:800px;
  gap:14px;
  margin-left:auto;
  margin-right:auto;
}
#main > .how-section .step-card,
#main > .how-section .step-card:last-child {
  grid-column:auto;
  min-height:0;
  padding:20px 25px;
}
#main > .how-section .step-copy h3 {
  margin-bottom:6px;
}
#main > .how-section .step-card p {
  max-width:640px;
}
@media (max-width:559px) {
  #main > .song-section .song-grid { gap:12px; }
  #main > .how-section .step-grid { gap:11px; }
  #main > .how-section .step-card { padding:17px 18px; }
}