.hero > div { min-width: 0; }
.song-preview { margin: 1.5rem 0; padding: 1.15rem 1.25rem; border: 1px solid rgba(224,191,111,.4); border-radius: 12px; background: rgba(255,255,255,.04); max-width: 440px; box-sizing: border-box; }
.song-preview h2 { margin: 0 0 .4rem; color: #e6c980; font: inherit; font-weight: 700; font-size: 1.1rem; line-height: 1.4; }
.song-preview p { margin: 0 0 .9rem; color: #d9e3df; font-size: .93rem; line-height: 1.5; }
.song-preview audio { display: block; width: 100%; max-width: 100%; height: 54px; }
.song-preview audio:focus-visible { outline: 3px solid #e6c980; outline-offset: 5px; border-radius: 28px; }
@media (max-width: 420px) { .song-preview { padding: 1rem .8rem; } }
@media print { .song-preview { display: none; } }