/*
 * Home-only compatibility layer.
 *
 * The existing Elementor home still owns its section components while the
 * child theme owns the shared header and hero. These aliases keep the
 * current section CSS aligned with Design System 4.0 during migration.
 */

.pq-page,
.pq-page * {
	box-sizing: border-box;
}

.pq-page {
	font-family: var(--pq-font-body);
	background: var(--pq-bg);
	color: var(--pq-body);
}

.pq-page section {
	scroll-margin-top: var(--pq-header-height);
}

.pq-page img {
	max-width: 100%;
	height: auto;
}

.pq-page input,
.pq-page textarea,
.pq-page select,
.pq-page button {
	font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
	.pq-page *,
	.pq-page *::before,
	.pq-page *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}