.child-pages-page {
	margin: 0;
	color: var(--site-text);
	background: var(--site-background);
}

.child-pages {
	margin: 0;
}

.child-pages__tabs {
	display: flex;
	align-items: stretch;
	gap: clamp(20px, 1.75vw, 34px);
	min-height: 40px;
	margin: 0 var(--site-gutter);
	overflow-x: auto;
	overflow-y: hidden;
	border-top: 1px solid var(--site-border);
	border-bottom: 1px solid var(--site-border);
	font-family: var(--wp--preset--font-family--primary);
	font-size: calc(18px * var(--a11y-text-scale, 1));
	font-weight: 300;
	scrollbar-width: none;
}

.child-pages__tabs::-webkit-scrollbar {
	display: none;
}

.child-pages__tab {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	min-height: 39px;
	padding: 0;
	font: inherit;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	color: inherit;
}

.child-pages__tab::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 3px;
	background: currentColor;
	content: "";
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 200ms ease;
}

.child-pages__tab:hover::after,
.child-pages__tab:focus-visible::after,
.child-pages__tab.is-active::after {
	transform: scaleX(1);
}

.child-pages__tab.is-active {
	font-weight: 600;
}

.child-pages__tab:focus-visible {
	outline: 1px solid currentColor;
	outline-offset: -3px;
}

.child-pages__panels,
.child-pages__fallback {
	width: min(100%, calc(800px + (2 * var(--site-gutter))));
	margin: 0;
	padding: clamp(32px, 3vw, 56px) var(--site-gutter)
		clamp(72px, 9vw, 150px);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 300;
	line-height: 1.5;
}

.child-pages__panels--has-wide {
	width: 100%;
}

.child-pages__panels--has-media {
	width: 100%;
}

.child-pages__panels--has-wide .child-pages__panel-content {
	width: min(100%, 800px);
}

.child-pages__panels--has-wide
	.child-pages__panel--wide
	.child-pages__panel-content {
	width: 100%;
}

.child-pages__panel--has-image .child-pages__panel-layout {
	display: grid;
	grid-template-columns: minmax(0, 800px) minmax(360px, 30.5556vw);
	justify-content: space-between;
	align-items: start;
	gap: clamp(64px, 8vw, 160px);
}

.child-pages__panel--has-image .child-pages__panel-content {
	min-width: 0;
	width: 100%;
}

.child-pages__panels--has-media
	.child-pages__panel:not(.child-pages__panel--wide):not(.child-pages__panel--has-image)
	.child-pages__panel-content {
	width: min(100%, 800px);
}

.child-pages__panel-visual {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: 0;
}

.child-pages__panel-image {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center top;
}

.child-pages.is-enhanced .child-pages__panel[hidden] {
	display: none;
}

.child-pages__panel-content > :first-child,
.child-pages__fallback > :first-child {
	margin-top: 0;
}

.child-pages__panel-content > :last-child,
.child-pages__fallback > :last-child {
	margin-bottom: 0;
}

.child-pages__panel-content > p + p,
.child-pages__fallback > p + p {
	margin-top: var(--wp--preset--spacing--40);
}

@media (max-width: 1024px) {
	.child-pages__panel--has-image .child-pages__panel-layout {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 38vw);
		gap: clamp(32px, 5vw, 64px);
	}
}

@media (max-width: 767px) {
	.child-pages__tabs {
		gap: 24px;
		height: 44px;
		margin-inline: 16px;
		font-size: calc(15px * var(--a11y-text-scale, 1));
	}

	.child-pages__panels,
	.child-pages__fallback {
		width: 100%;
		padding: 24px 16px 72px;
		font-size: calc(18px * var(--a11y-text-scale, 1));
	}

	.child-pages__panel--has-image .child-pages__panel-layout {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.child-pages__panel-visual {
		order: -1;
		justify-content: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.child-pages__tab::after {
		transition: none;
	}
}
