.c-search-results {
	background-color: var(--bg-body);
}

.c-search-results .l-container {
	display: flex;
	flex-direction: column;
	gap: var(--space-l);
}

.c-search-results__form {
	width: 100%;
	max-width: 76rem;
}

.c-search-results__form form,
.c-search-results__form .bricks-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--space-xs);
	width: 100%;
}

.c-search-results__form label {
	display: none;
}

.c-search-results__form input[type="search"],
.c-search-results__form input[type="text"] {
	width: 100%;
	min-height: 5.4rem;
	padding: 1.2rem 1.6rem;
	border: 2px solid var(--secondary);
	background-color: var(--light);
	color: var(--dark-grey);
	font-family: "Just Sans", system-ui, sans-serif;
	font-size: 1.8rem;
	line-height: 1.2;
}

.c-search-results__form input[type="search"]:focus,
.c-search-results__form input[type="text"]:focus {
	outline: 3px solid var(--secondary-30);
	outline-offset: 0;
}

.c-search-results__form button,
.c-search-results__form input[type="submit"] {
	min-height: 5.4rem;
	padding: 1.2rem 2.4rem;
	border: 0;
	background-color: var(--primary);
	color: var(--light);
	font-family: "Just Sans", system-ui, sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		transform 0.2s ease;
}

.c-search-results__form button:hover,
.c-search-results__form button:focus-visible,
.c-search-results__form input[type="submit"]:hover,
.c-search-results__form input[type="submit"]:focus-visible {
	background-color: var(--primary-d-1);
	transform: translateY(-1px);
}

.c-search-results__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-m);
	width: 100%;
}

.c-search-card {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	padding: var(--space-m);
	background-color: var(--light);
	border-left: 0.6rem solid var(--secondary);
	box-shadow: var(--shadow-xs);
}

.c-search-card__title {
	margin: 0;
	color: var(--primary);
	font-size: clamp(2.2rem, 2vw, 3rem);
	font-weight: 700;
	line-height: 1.15;
}

.c-search-card__title a {
	color: inherit;
	text-decoration: none;
}

.c-search-card__title a:hover,
.c-search-card__title a:focus-visible {
	color: var(--primary-d-1);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.c-search-card__excerpt {
	margin: 0;
	color: var(--text-body);
	font-size: 1.7rem;
	line-height: 1.55;
}

.c-search-card__link {
	width: fit-content;
	margin-top: var(--space-xs);
	color: var(--primary);
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
}

.c-search-card__link:hover,
.c-search-card__link:focus-visible {
	color: var(--primary-d-1);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

@media (max-width: 767px) {
	.c-search-results__form form,
	.c-search-results__form .bricks-search-form {
		grid-template-columns: 1fr;
	}

	.c-search-results__form button,
	.c-search-results__form input[type="submit"] {
		width: 100%;
	}

	.c-search-card {
		padding: var(--space-s);
	}
}


.c-search-results__empty {
	width: 100%;
	padding: var(--space-l);
	background-color: var(--light);
	border-left: 0.6rem solid var(--secondary);
	box-shadow: var(--shadow-xs);
}

.c-search-results__empty p {
	margin: 0;
	color: var(--text-body);
	font-size: 1.7rem;
	line-height: 1.55;
}

.c-search-results__empty p + p {
	margin-top: var(--space-xs);
	color: var(--text-muted);
}