/* Front: News — matched to totop-site-main final list */

body.totop-front-page .totop-front .news.totop-section {
	padding: 96px 0 0;
	background: transparent;
}

body.totop-front-page .totop-front .news-list {
	max-width: 760px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--totop-line);
}

body.totop-front-page .totop-front .news-list li {
	display: grid;
	grid-template-columns: 84px auto 1fr;
	gap: 20px;
	align-items: baseline;
	padding: 20px 8px;
	border-bottom: 1px solid var(--totop-line);
}

body.totop-front-page .totop-front .news-list time {
	font-family: var(--totop-logo);
	font-size: 14px;
	letter-spacing: 0.04em;
	color: var(--totop-ink-soft);
}

body.totop-front-page .totop-front .news-cat {
	justify-self: start;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--totop-teal-ink);
	border: 1px solid var(--totop-teal-light);
	border-radius: 999px;
	padding: 3px 12px;
	white-space: nowrap;
}

body.totop-front-page .totop-front .news-title {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.75;
}

body.totop-front-page .totop-front .news-title a {
	color: inherit;
	text-decoration: none;
}

body.totop-front-page .totop-front .news-title a:hover {
	color: var(--totop-teal-ink);
}

body.totop-front-page .totop-front .news-more {
	margin: 28px 0 0;
}

@media (max-width: 767px) {
	body.totop-front-page .totop-front .news.totop-section {
		padding: 68px 0 0;
	}

	body.totop-front-page .totop-front .news-list li {
		grid-template-columns: auto auto;
		gap: 6px 14px;
		padding: 15px 4px;
	}

	body.totop-front-page .totop-front .news-title {
		grid-column: 1 / -1;
		font-size: 14px;
	}
}