/*
 * Landing Pad Asia: system page styles (404)
 * Matches design/404-mockup.html. Reuses cards/cross/btn from market.css and
 * product.css; adds only the centred home-hero, the CTA row and the secondary
 * button variant. The maintenance page is rendered standalone (see
 * includes/maintenance.php) with its own inline styles.
 */

/* ---- Main content spacing ---- */

.lpa-system-page { padding-bottom: 64px; }

/* ---- Centred hero (also used by the 404) ---- */

.lpa-home-hero { text-align: center; padding: 48px 0 24px; }
.lpa-home-hero h1 { max-width: 20ch; margin: 0 auto 16px; }
.lpa-home-hero .lpa-lede { margin: 0 auto; }

.lpa-cta-row {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 24px;
}

/* ---- Secondary button variant ---- */

.lpa-btn-secondary {
	background: #ffffff;
	/* Hex first: without it, a dropped oklch() colour falls back to .lpa-btn's
	   white, giving white text on this white button (WCAG 1.4.3). */
	color: #0165B5;
	color: oklch(0.5 0.15 251.66);
	border: 1px solid #e6ecf2;
	border: 1px solid oklch(0.94 0.01 248.12);
}

.lpa-btn-secondary:hover {
	background: #f0f6fc;
	border-color: oklch(0.5 0.15 251.66);
	color: oklch(0.5 0.15 251.66);
}