.tests-page h1 {
	text-align: center;
	margin-bottom: 1rem;
}

.tests-page .intro {
	text-align: center;
	color: var(--text-light);
	margin-bottom: 2rem;
}

.tests-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.5rem;
}

.test-card {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 1.5rem;
	box-shadow: var(--shadow);
}

.test-card h2 {
	color: var(--primary);
	margin-bottom: 0.5rem;
}

.test-card p {
	color: var(--text-light);
	margin-bottom: 1rem;
}