/* ==========================================================
  Tests page (page-tests.php) — loaded only on the Tests page.
  Depends on pages-base.css (tokens, container, chip, blobs) and on
  style.css (.test-card — shared with the home tests section).
  Sections: 01 Hero / 02 List / 03 Responsive
============================================================ */

/* ! 01. Hero
------------------------------------------------------------ */
.tests-hero {
	position: relative;
	padding: 176px 0 56px;
}
.tests-hero .page-container {
	position: relative;
	z-index: 1;
}
.tests-hero .page-blob--peach {
	top: 80px;
	inset-inline-start: auto;
	inset-inline-end: -220px;
	opacity: 0.12;
}
.tests-hero .page-blob--blue {
	top: 260px;
	inset-inline-end: auto;
	inset-inline-start: -220px;
	opacity: 0.08;
}
.tests-hero__header {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tests-hero__header .page-chip {
	padding: 4px 16px;
	background: #FFF1EB;
	border: 1px solid #FFE0D5;
	font-size: 13px;
}
.tests-hero__title {
	margin-top: 24px !important;
	max-width: 1000px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.6;
}
.tests-hero__accent {
	color: var(--brand-color);
}
.tests-hero__lead {
	max-width: 800px;
	margin-top: 16px;
	font-size: 20px;
	line-height: 2;
	color: var(--about-text);
}

/* ! 02. List
------------------------------------------------------------ */
.tests-list {
	position: relative;
	z-index: 1;
	padding: 0 0 100px;
}
/* pages-base.css resets h1–h4 margins inside .contact-page; restore the card title spacing. */
.tests-page .test-card__title {
	margin-bottom: 0.65rem;
}

/* ! 03. Responsive
------------------------------------------------------------ */
@media (max-width: 1199.98px) {
	.tests-hero {
		padding-top: 152px;
	}
}
@media (max-width: 991.98px) {
	.tests-hero__title {
		font-size: 32px;
	}
	.tests-hero__lead {
		font-size: 18px;
	}
}
@media (max-width: 767.98px) {
	.tests-hero {
		padding: 128px 0 40px;
	}
	.tests-hero__title {
		margin-top: 16px !important;
		font-size: 24px;
	}
	.tests-hero__lead {
		font-size: 15px;
	}
	.tests-list {
		padding-bottom: 64px;
	}
}