/* news */

.news .highlight {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
}

.news .flex-col {
	/* width: clamp(150px, 20vw, 350px); */
	width: 100%;
	gap: 1rem;
	justify-content: space-between;
}

.news img {
	width: 100%;
}

.news h6 {
	font-size: var(--fontSizeMedium);
	font-weight: 600;
	margin-top: 1rem;
}

.news h6,
.news p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news h6 {
	-webkit-line-clamp: 2;
}

.news p {
	-webkit-line-clamp: 2;
}

.news p :not(:nth-child(1)) {
	display: none;
}

.news .date {
	margin-top: 1rem;
}

@media only screen and (min-width: 350px) and (max-width: 910px) {
	.grid.highlight {
		overflow: scroll;
		padding: 1rem;
	}

	.news .flex-col {
		width: clamp(150px, 20vw, 300px);
	}
}