/* HRN Core — Coming up (matches the Up Next card) */
.hrn-cu {
	--cu-gold: var(--wp--preset--color--gold, #C9A84C); --cu-cream: var(--wp--preset--color--cream, #F5ECD7);
	--cu-muted: var(--wp--preset--color--muted, #A39A88); --cu-card: var(--wp--preset--color--card, #15161B);
	--cu-card2: var(--wp--preset--color--card-raised, #1D1F26); --cu-line: var(--wp--preset--color--line, #2C2F38);
	background: var(--cu-card); border: 1px solid var(--cu-line); border-radius: 16px; padding: 1.25rem 1.4rem 1.4rem;
	color: var(--cu-cream);
}
.hrn-cu[hidden] { display: none; }
.hrn-cu * { box-sizing: border-box; }
.hrn-cu p, .hrn-cu ol { margin: 0; }
.hrn-cu__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: .9rem; }
.hrn-cu__eyebrow { font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--cu-gold); }
.hrn-cu__note { font-size: 12.5px; color: var(--cu-muted); }
.hrn-cu__note[hidden] { display: none; }
.hrn-cu__list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.hrn-cu__item { display: flex; align-items: center; gap: .85rem; background: var(--cu-card2); border-radius: 12px; padding: .7rem .85rem; min-width: 0; }
.hrn-cu__art { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; flex: none; background: #0b0b0d; }
.hrn-cu__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.hrn-cu__when { font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); font-size: 12px; color: var(--cu-gold); }
.hrn-cu__title { font-family: var(--wp--preset--font-family--heading, Poppins, sans-serif); font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hrn-cu__artist { font-size: 13px; color: var(--cu-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 781px) { .hrn-cu__list { grid-template-columns: 1fr; } }