/* HRN Core — This Day in Reggae card */
.hrn-today {
	--t-gold: var(--wp--preset--color--gold, #C9A84C);
	--t-green: var(--wp--preset--color--green, #1A5C2A);
	--t-maroon: var(--wp--preset--color--maroon, #6B1F2A);
	--t-cream: var(--wp--preset--color--cream, #F5ECD7);
	--t-muted: var(--wp--preset--color--muted, #A39A88);
	--t-card: var(--wp--preset--color--card, #15161B);
	--t-card-2: var(--wp--preset--color--card-raised, #1D1F26);
	--t-line: var(--wp--preset--color--line, #2C2F38);
	--t-head: var(--wp--preset--font-family--heading, Poppins, sans-serif);
	--t-mono: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	background: var(--t-card); border: 1px solid var(--t-line); border-radius: 16px; overflow: hidden;
	color: var(--t-cream); height: 100%; display: flex; flex-direction: column;
}
.hrn-today * { box-sizing: border-box; }
.hrn-today p, .hrn-today h3, .hrn-today ul { margin: 0; }
.hrn-today .hrn-stripe { display: flex; height: 4px; }
.hrn-today .hrn-stripe span { flex: 1; }
.hrn-today .hrn-stripe span:nth-child(1) { background: var(--t-green); }
.hrn-today .hrn-stripe span:nth-child(2) { background: var(--t-gold); }
.hrn-today .hrn-stripe span:nth-child(3) { background: var(--t-maroon); }
.hrn-today__inner { padding: 1.25rem 1.4rem 1.4rem; display: flex; flex-direction: column; gap: 0.85rem; flex: 1; }
.hrn-today__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.hrn-today__eyebrow { font-family: var(--t-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--t-gold); }
.hrn-today__date { font-family: var(--t-head); font-weight: 600; font-size: 14px; color: var(--t-muted); }

.hrn-today__feature { display: flex; gap: 1rem; align-items: center; }
.hrn-today__photo {
	flex: none; width: 112px; height: 112px; border-radius: 50%; object-fit: cover; object-position: center 25%;
	border: 3px solid var(--t-gold); background: var(--t-card-2);
}
.hrn-today__photo--none {
	display: inline-flex; align-items: center; justify-content: center; font-family: var(--t-head); font-weight: 800;
	font-size: 2rem; color: #fff; background: linear-gradient(135deg, var(--t-green), var(--t-gold) 55%, var(--t-maroon));
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.hrn-today__badge {
	display: inline-block; font-family: var(--t-mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
	padding: 3px 10px; border-radius: 999px; background: var(--t-green); color: #fff; margin-bottom: .4rem !important;
}
.hrn-today__badge.is-memorial, .hrn-today__badge.is-death { background: var(--t-maroon); }
.hrn-today__badge.is-milestone, .hrn-today__badge.is-album, .hrn-today__badge.is-chart { background: var(--t-gold); color: #111; }
.hrn-today__title { font-family: var(--t-head); font-weight: 800; font-size: 1.35rem !important; line-height: 1.15; color: var(--t-cream); }
.hrn-today__angle { font-family: var(--t-mono); font-size: 13px; color: var(--t-gold); margin-top: .25rem !important; }
.hrn-today__desc { color: #DCD3C0; font-size: 15px; line-height: 1.55; }
.hrn-today__credit { font-size: 11px; color: var(--t-muted); margin-top: -.5rem !important; }
.hrn-today__credit a { color: var(--t-muted) !important; }

.hrn-today__list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.hrn-today__row { display: flex; gap: .75rem; align-items: center; background: var(--t-card-2); border-radius: 10px; padding: .5rem .75rem; }
.hrn-today__row .hrn-today__photo { width: 44px; height: 44px; border-width: 2px; }
.hrn-today__row .hrn-today__photo--none { font-size: .95rem; }
.hrn-today__row-text { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.hrn-today__row-title { font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hrn-today__row-meta { font-size: 12px; color: var(--t-muted); }
.hrn-today__row-when { flex: none; font-family: var(--t-mono); font-size: 12px; color: var(--t-gold); }

.hrn-today__fact { border-left: 3px solid var(--t-gold); padding: .2rem 0 .2rem .9rem; display: flex; flex-direction: column; gap: .3rem; }
.hrn-today__fact p:last-child { font-size: 14px; line-height: 1.5; color: #DCD3C0; }
.hrn-today__grammy { font-size: 13px; color: var(--t-muted); }
.hrn-today__grammy span { font-family: var(--t-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--t-gold); margin-right: .35rem; }
.hrn-today__grammy em { color: var(--t-cream); }
.hrn-today__more { margin-top: auto; font-weight: 600; font-size: 14px; color: var(--t-gold) !important; }

@media (max-width: 600px) {
	.hrn-today__photo { width: 84px; height: 84px; }
}