.tmpl-archive-article {
	&__container {
		padding: 6rem 0;
		display: grid;
		gap: var(--grid-column-gutter);
		@include media-min($large) {
			grid-template-columns: repeat(12, 1fr);
		}
	}
	&__content {
		@include media-min($large) {
			grid-column: 2 / span 10;
		}
	}
	&__card {
		a {
			text-decoration: none;
		}
		&_content {
			overflow: hidden;
			display: -webkit-box;
			text-overflow: ellipsis;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}
		& + .tmpl-archive-article__card {
			margin-top: 3.2rem;
		}
	}
}