/**
 * CE Mobile — 移动端适配。
 *
 * 响应式断点：
 *   ≤ 768px   — tablet / small
 *   ≤ 480px   — phone / extra small
 */

/* ── Tablet ── */
@media (max-width: 768px) {
	.ce-container {
		padding-left: var(--ce-space-4);
		padding-right: var(--ce-space-4);
	}

	.ce-home-hero h1 {
		font-size: 2rem;
	}

	.ce-home-hero p {
		font-size: 1rem;
	}

	.ce-outcome-grid {
		grid-template-columns: 1fr;
	}

	.ce-programs-grid {
		grid-template-columns: 1fr;
	}

	.ce-kb-page {
		padding: var(--ce-space-4);
	}

	.ce-step-indicator {
		flex-direction: column;
		gap: var(--ce-space-2);
	}

	.ce-footer-nav {
		flex-direction: column;
		text-align: center;
	}

	.ce-btn-lg {
		font-size: 1rem;
		padding: 14px 24px;
	}
}

/* ── Phone ── */
@media (max-width: 480px) {
	.ce-home-hero h1 {
		font-size: 1.75rem;
	}

	.ce-home-section {
		padding: var(--ce-space-5) 0;
	}

	.ce-card {
		padding: var(--ce-space-4);
	}

	.ce-brand-banner {
		font-size: 1rem;
		padding: var(--ce-space-3) var(--ce-space-4);
	}
}