/*
 * GameRStar News — Main news grid
 * Card visuals live in gsn-card.css; this file only lays out the
 * responsive 4/3/2/1 column grid.
 */

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

.gsn-news-grid__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-news-grid__grid {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	align-items: stretch;
	gap: var( --grid-gap );
}

@media ( max-width: 1200px ) {
	.gsn-news-grid__grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media ( max-width: 768px ) {
	.gsn-news-grid__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 480px ) {
	.gsn-news-grid__grid {
		grid-template-columns: 1fr;
	}
}