/*
 * GameRStar News — Trending list
 * A quick-read numbered list, no images: large stylized index numbers next
 * to compact, clamped titles.
 */

.gsn-trending {
	max-width: 1280px;
	margin: 0 auto;
	padding: clamp( 40px, 6vw, 88px ) clamp( 20px, 6vw, 80px );
}

.gsn-trending__title {
	margin: 0 0 var( --space-4 );
	font-family: var( --font-display );
	font-size: var( --font-size-h2 );
	font-weight: 800;
	color: var( --gsn-white );
}

.gsn-trending__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.gsn-trending__item {
	display: flex;
	align-items: baseline;
	gap: var( --space-3 );
	padding-block: var( --space-2 );
	border-bottom: 1px solid var( --color-border );
}

.gsn-trending__item:last-child {
	border-bottom: none;
}

.gsn-trending__index {
	flex: 0 0 auto;
	min-width: 48px;
	font-family: var( --font-display );
	font-size: clamp( 28px, 4vw, 40px );
	font-weight: 800;
	line-height: 1;
	color: var( --color-accent );
}

.gsn-trending__link {
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var( --font-display );
	font-size: var( --font-size-body );
	font-weight: 700;
	line-height: 1.35;
	color: var( --gsn-white ) !important;
	text-decoration: none;
	transition: color 0.2s ease;
}

.gsn-trending__link:hover,
.gsn-trending__link:focus-visible {
	color: var( --color-accent ) !important;
}