.search-container {
	max-width: 800px;
	
	margin: 1.5em auto;
	padding: .5em;
}

.search-container .search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 50px;
}

.search-container .search-input {
	width: 100%;
	height: 100%;
	
	border: 1px solid grey;
	
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	grid-column-start: 1;
	grid-column-end: 2;
}

.search-container .search-submit {
	display: block;
	width: 100%;
	height: 100%;
	
	background-color: var(--comment-captcha-bg-color);
	
	border: 1px solid grey;
	
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	grid-column-start: 2;
	grid-column-end: 3;
}

.result-entry {
	margin: 2em .5em;
}

.result-list {
	max-width: 900px;
	margin: auto;
}

.article-content {
	padding: 1em;
}

.article-excerpt {
	margin: 0;
}

.article-excerpt p {
	max-width: 700px;
	max-height: 100px;

	margin: 0;
	
	font-size: 1rem;
	line-height: 1.3;
	color: var(--article-excerpt-color);

	text-overflow: ellipsis;
	overflow: hidden;
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.article-title {
	margin: 0;
}

.article-card {
	height: unset;
	max-height: 200px;
}

.result-amount, .search-corrections, .sort-container {
	max-width: 900px;
	margin: 1em auto;
	padding: 0 .5em;
}

.search-corrections a {
	color: #00a7dd;
}

.pagination {
	margin: 1em;
}

.article-category-tag {
	margin: 0;
	padding: .1em .2em;
	font-size: .7rem;
	align-self: flex-start;
}

.article-meta {
	gap: .3em;
}