/* Shared completion cards. */
.music-card{margin:20px 0 14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#284940,#183735);text-align:left;color:#fff5dd;touch-action:pan-y}
.music-card-heading{display:flex;align-items:center;gap:14px}
.music-card img{width:60px;height:60px;flex:0 0 60px;border-radius:8px;object-fit:cover;border:1px solid var(--gold)}
.music-card h3{margin:0;font:600 23px/1.15 'Cormorant Garamond',Georgia,serif;color:#ffe1ac}
.music-card p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#d4ded3}
.music-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.music-platforms a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:1 1 110px;padding:10px 12px;border:1px solid #eacb9360;border-radius:6px;color:white;background:#102e3580;font-size:12px;font-weight:600;text-decoration:none;touch-action:pan-y}
.music-platforms a:hover{background:#365747;border-color:var(--gold)}
.music-card a:focus-visible{outline:2px solid #ffe5aa;outline-offset:3px}
@media(max-width:400px){.music-card{padding:14px}.music-card-heading{gap:10px}.music-card h3{font-size:21px}.music-platforms{gap:6px}.music-platforms a{flex-basis:80px;padding:10px 8px}}

.music-platforms svg{width:18px;height:18px;flex:0 0 18px}
.music-platforms [data-music-platform=spotify]{background:#1DB954;border-color:#1DB954}
.music-platforms [data-music-platform=apple_music]{background:linear-gradient(135deg,#FA233B,#FB5C74);border-color:#FA233B}
.music-platforms [data-music-platform=youtube]{background:#FF0000;border-color:#FF0000}
.music-platforms a:hover{filter:brightness(1.1)}
/* The next story sits below the completion verse, within the scrollable card. */
.next-story-card{display:flex;align-items:center;gap:16px;margin:20px 0 8px;padding:18px;text-decoration:none;color:#fff5dd;border:1px solid #df98546b;border-radius:6px;background:linear-gradient(125deg,#62331e80,#352d2580);touch-action:pan-y;transition:border-color .2s,background .2s}
.next-story-card:hover{border-color:#edb576;background:linear-gradient(125deg,#79402690,#46352890)}
.next-story-icon{flex:0 0 42px;font-size:34px;text-align:center}
.next-story-copy{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;line-height:1.6}
.next-story-label{font-size:8px;letter-spacing:.18em;color:#f2c28d}
.next-story-copy strong{font:500 29px/1.1 'Cormorant Garamond',Georgia,serif;color:#ffe1ac}
.next-story-copy b{color:#f5cc8b;font-size:11px;margin-top:3px}
@media(max-width:400px){.next-story-card{gap:11px;padding:14px}.next-story-icon{flex-basis:30px;font-size:28px}.next-story-copy strong{font-size:26px}}