/**
 * StepDecor Utility Pages — 404 and Search results.
 * Not reused elsewhere, but still belongs in a stylesheet, not inline
 * style attributes, per the project's no-inline-CSS rule.
 */

.sd-utility-page {
	padding-block: 6rem;
	text-align: center;
}

.sd-utility-page__lead {
	color: var(--sd-color-text-muted);
	max-width: 480px;
	margin: 1rem auto 2rem;
}

.sd-utility-search-form {
	max-width: 440px;
	margin: 0 auto 2.5rem;
	display: flex;
	gap: .6rem;
}

.sd-utility-search-form input[type="search"] {
	flex: 1;
	padding: .9rem 1.2rem;
	border-radius: var(--sd-radius-md);
	border: 1px solid var(--sd-color-border-strong);
	background: var(--sd-color-surface);
	color: var(--sd-color-text);
}

.sd-utility-actions {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.sd-search-results-page {
	padding-block: 4rem;
}

.sd-search-results-page__grid {
	margin-top: 2.5rem;
}

.sd-archive-body {
	padding-block: 4rem;
}