.news-page {
	display: block;
}

.news-hero {
	position: relative;
}
.news-hero__media {
	position: relative;
}
.news-hero__media img {
	width: 100%;
	height: 60vh;
	object-fit: cover;
}
.news-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.news-hero__content {
	bottom: 2rem;
	left: 2rem;
	max-width: 600px;
	color: #000;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.news-feed__grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--space-5);
}
.news-feed__main {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}
.news-item {
	border-bottom: 1px solid var(--color-border-subtle);
	padding-bottom: var(--space-3);
}
.news-item__meta {
	font-size: var(--fs-400);
	color: var(--color-text-secondary);
}

.news-feed__sidebar {
	min-width: 0;
}
.trending {
	padding: 1rem;
	border: 1px solid var(--color-border-subtle);
	border-radius: var(--radius-md);
}
.trending ol {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.editor-picks__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}

.categories__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3);
}
.category-block {
	padding: 1rem;
	border: 1px solid var(--color-border-subtle);
	border-radius: var(--radius-sm);
	background: var(--color-surface-secondary);
}

.analysis__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-5);
	align-items: center;
}
.analysis__text {
	max-width: 65ch;
}

.quick-headlines__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
}
.quick-headlines ul {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.newsletter__card {
	max-width: 500px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	padding: 2rem;
	border: 1px solid var(--color-border-subtle);
	border-radius: var(--radius-md);
	background: var(--color-surface-elevated);
}
.newsletter__form {
	display: flex;
	gap: var(--space-2);
}

.pagination {
	text-align: center;
}
.pagination__controls {
	display: flex;
	justify-content: center;
	gap: var(--space-3);
}

@media (max-width: 900px) {
	.news-feed__grid {
		grid-template-columns: 1fr;
	}
	.editor-picks__grid {
		grid-template-columns: 1fr 1fr;
	}
	.categories__grid {
		grid-template-columns: 1fr 1fr;
	}
	.analysis__grid {
		grid-template-columns: 1fr;
	}
	.quick-headlines__grid {
		grid-template-columns: 1fr;
	}
	.news-hero__content {
		position: static;
		color: var(--color-text-primary);
		padding: 1rem;
	}
	.news-hero__media img {
		height: auto;
	}
}

@media (max-width: 600px) {
	.editor-picks__grid {
		grid-template-columns: 1fr;
	}
}