/**
 * Support landing page (Phase 18). Registered by
 * public/class-support-page.php, enqueued only on `/support/`.
 *
 * Breakpoints match public.css: sm: 576px  md: 768px  lg: 992px  xl: 1200px
 */

.emobility-support__header {
	max-width: 46rem;
	margin-bottom: var(--emobility-space-8);
}

@media (min-width: 992px) {
	.emobility-support__grid {
		gap: var(--emobility-space-8);
	}
}

.emobility-support-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	transition: box-shadow var(--emobility-transition-base), transform var(--emobility-transition-base);
}

.emobility-support-card:hover {
	box-shadow: var(--emobility-shadow-lg);
	transform: translateY(-2px);
}

.emobility-support-card__title {
	font-size: var(--emobility-text-lg);
	margin-bottom: var(--emobility-space-2);
}

.emobility-support-card__description {
	margin-bottom: var(--emobility-space-4);
	flex: 1;
}

.emobility-support-card__cta {
	font-size: var(--emobility-text-sm);
	font-weight: var(--emobility-font-weight-semibold);
	color: var(--emobility-primary-600);
}