/**
 * Plate Search page template.
 * The hero is the plate face: yellow gradient, ink text, the pressed
 * bottom edge from the plate-chip motif scaled up to a full band. This
 * is the only surface in the theme where plate yellow is a background.
 */

.search-hero {
	background: linear-gradient(160deg, #ffd94d 0%, var(--bp-plate-yellow) 45%, var(--bp-plate-yellow-deep) 130%);
	box-shadow: inset 0 -6px 0 var(--bp-plate-yellow-deep);
	padding: var(--bp-s8) 0;
	text-align: center;
}
.search-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--bp-s4);
	max-width: 860px;
}
.search-hero__eyebrow {
	/* Inverted chip so it reads on the yellow band */
	background: var(--bp-plate-ink);
	color: var(--bp-plate-yellow);
	box-shadow: none;
}
.search-hero__title {
	color: var(--bp-plate-ink);
	font-size: clamp(2rem, 5vw, 3.25rem);
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	margin: 0;
}
.search-hero__sub {
	color: rgba(16, 19, 24, 0.78);
	font-size: var(--bp-text-lg);
	font-weight: 400;
	max-width: 640px;
	margin: 0;
}
@media (max-width: 640px) {
	.search-hero { padding: var(--bp-s6) 0; }
	.search-hero__sub { font-size: var(--bp-text-sm); }
}

/* Search app shell - clear breathing room below the hero */
.search-shell {
	padding: var(--bp-s7) 0;
	background: var(--bp-canvas);
}
.search-shell__card {
	padding: var(--bp-s5);
	border-radius: 20px;
	box-shadow: 0 24px 60px rgba(15, 18, 53, 0.12);
}
@media (max-width: 640px) {
	.search-shell { padding: var(--bp-s5) 0 var(--bp-s6); }
	.search-shell__card { padding: var(--bp-s3); }
}