/* 404 Page */
.not-found {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	padding: 4rem 0;
}
.not-found__actions {
	margin-top: 2rem;
}
.not-found__search {
	max-width: 480px;
	margin: 3rem auto 0;
}

/* Comments */
.comments-area {
	max-width: 720px;
	margin: 0 auto;
}
.comment-form-wrap {
	background: var(--color-ivory);
	padding: 2rem;
	border-radius: 8px;
	margin-bottom: 2rem;
}
.comment-list {
	list-style: none;
	padding: 0;
}
.comment-list .comment {
	display: flex;
	gap: 1rem;
	margin-bottom: 1.5rem;
}
.comment-list .comment-body {
	background: var(--color-ivory);
	border-left: 2px solid var(--color-accent, #b8925a);
	padding: 1rem 1.25rem;
	border-radius: 0 8px 8px 0;
	flex: 1;
}
.comment-list .avatar {
	border-radius: 50%;
}

/* Search Form */
.search-form {
	display: flex;
	gap: 0.5rem;
}
.search-form input[type="search"] {
	flex: 1;
	padding: 0.85rem 1rem;
	border: 1px solid var(--color-border);
	border-radius: 4px;
}
.search-form .btn {
	white-space: nowrap;
}