.rec-badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:.8em}
.rec-badge--soon{background:#111;color:#fff;border-color:#111}
.rec-actions{display:flex;gap:8px;margin-top:10px}
.rec-btn{display:inline-block;padding:8px 12px;border:1px solid #ddd;border-radius:8px;text-decoration:none}
.rec-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px}
.rec-lineup{margin-top:8px}
.rec-hero{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start;margin:24px 0}
.rec-hero__art{width:180px;height:180px;object-fit:cover;border-radius:12px}
.rec-title{margin:0}
.rec-subtitle span{margin-right:8px;opacity:.8}
.rec-meta span{margin-right:12px;opacity:.85}
.rec-player{margin-top:12px}
.rec-play-btn{padding:8px 12px;border-radius:999px;border:1px solid #ddd;cursor:pointer}
.rec-play-btn.is-playing{background:#111;color:#fff;border-color:#111}
.rec-wave{margin-top:8px}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.rec-card__art img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.rec-trackrow{display:flex;align-items:center;gap:12px;margin:8px 0}
.rec-trackrow__art{width:48px;height:48px;border-radius:6px;object-fit:cover}
.rec-context{margin-top:16px}
.rec-context__album{display:flex;gap:12px;align-items:center;text-decoration:none}
.rec-context__album img{width:56px;height:56px;border-radius:8px;object-fit:cover}
.rec-context__eyebrow{font-size:.85em;opacity:.7}