.news-page {
	margin-bottom: 30px;
}

.news-list-empty-row {
	color: var(--color-gray-500);
	font-size: 1.125rem;
}

.news-list {
	column-gap: 12px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	row-gap: 12px;
}
.news-card {
	background-color: var(--color-blue-300);
	border: 1px solid var(--color-blue-100);
	border-radius: 4px;
	box-sizing: border-box;
	color: inherit;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 8px 12px;
	row-gap: 8px;
	text-decoration: none;
}
.news-card_expired {
	background-color: #FFF;
	border: 1px solid var(--color-gray-300);
}
.news-card__title {
	color: var(--color-blue-100);
	display: -webkit-box;
	font-size: .875rem;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
			line-clamp: 3;
}
.news-card_expired .news-card__title {
	color: var(--color-gray-500);
}
.news-card__date {
	color: var(--color-gray-500);
	font-size: .875rem;
}
.news-card_expired .news-card__date {
	color: var(--color-gray-400);
}

.news-item-page {
	margin-bottom: 30px;
}
.news-item-page__date {
	color: var(--color-gray-500);
	display: block;
	font-size: .875rem;
	margin: 10px 0;
}

@media (min-width: 1024px) {
	.news-list {
		column-gap: 26px;
		grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
		row-gap: 20px;
	}
	.news-card {
		padding: 12px 16px;
	}
	.news-card__title {
		font-size: 1.125rem;
	}
}