/**
 * Trending Today has its own warmer live-ranking identity while reusing the
 * stable layout and accessible components from Trending This Week.
 */
body.h4f-trending-today-page {
	--h4f-ttw-bg: #110910;
	--h4f-ttw-panel: rgba(43, 20, 38, .88);
	--h4f-ttw-panel-strong: #2b1527;
	--h4f-ttw-line: rgba(255, 91, 159, .28);
	--h4f-ttw-text: #fff7fb;
	--h4f-ttw-muted: #d1b8c7;
	--h4f-ttw-violet: #ff5ba8;
	--h4f-ttw-cyan: #ffb64d;
	--h4f-ttw-warm: #ff6d75;
	background: var(--h4f-ttw-bg);
}

body.h4f-trending-today-page .h4f-ttw {
	background:
		radial-gradient(circle at 84% 1%, rgba(255, 182, 77, .17), transparent 28rem),
		radial-gradient(circle at 3% 14%, rgba(255, 91, 168, .2), transparent 30rem),
		var(--h4f-ttw-bg);
}

body.h4f-trending-today-page .h4f-ttw-hero {
	background: linear-gradient(145deg, rgba(255, 91, 168, .055), rgba(255, 182, 77, .025));
	border-bottom-color: rgba(255, 119, 172, .12);
}

body.h4f-trending-today-page .h4f-ttw-hero::after {
	border-color: rgba(255, 182, 77, .2);
	box-shadow: 0 0 0 42px rgba(255, 91, 168, .045), 0 0 0 84px rgba(255, 182, 77, .03);
}

body.h4f-trending-today-page .h4f-ttw-kicker span {
	border-color: rgba(255, 182, 77, .6);
	background: rgba(255, 117, 128, .14);
}

body.h4f-trending-today-page .h4f-ttw-button--primary {
	color: #17080e;
	background: linear-gradient(115deg, #ffb64d, #ff5ba8);
}

body.h4f-trending-today-page .h4f-ttw-card,
body.h4f-trending-today-page .h4f-ttw-term {
	border-color: rgba(255, 104, 167, .18);
	background: linear-gradient(150deg, rgba(54, 24, 46, .94), rgba(20, 12, 24, .97));
}

body.h4f-trending-today-page .h4f-ttw-rank {
	background: linear-gradient(135deg, #ff5ba8, #ffb64d);
	color: #18090f;
}