/* Native Page only. Keep the existing Halakha layout and plugin styles separate. */
.ph-native-page {
	--ph-page-content-width: 640px;
	--ph-page-text: #333;
	--ph-page-accent: #a31e23;
	--ph-page-border: #d8d8d8;
	--ph-page-heading-bg: linear-gradient(to bottom, #85b5b0 0%, #fff 100%);
	color: var(--ph-page-text);
	direction: inherit;
	font-family: var(--ph-ploni-font, "ploni-aaa", Arial, sans-serif);
	margin: 0 auto;
	max-width: none;
	padding: 0 0 48px;
	text-align: start;
	width: 100%;
}

.ph-native-page__heading {
	background: var(--ph-page-heading-bg);
	box-sizing: border-box;
	display: grid;
	align-content: center;
	min-height: 145px;
	overflow: hidden;
	padding: 24px 16px;
	position: relative;
}

.ph-native-page__heading-mark {
	height: auto;
	inset: -39px auto auto calc(50% - 278px);
	max-width: 164px;
	opacity: 0.2;
	position: absolute;
	transform: rotate(-8deg);
	width: 19vw;
}

.ph-native-page__heading .ph-native-hero__breadcrumbs {
	margin: 0 auto 4px;
	max-width: var(--ph-page-content-width);
	overflow-wrap: anywhere;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ph-native-page__title {
	color: #222;
	font-family: inherit;
	font-size: clamp(2.4rem, 2.6vw, 2.6rem);
	font-weight: 700;
	line-height: 1.08;
	margin: 0 auto;
	max-width: var(--ph-page-content-width);
	overflow-wrap: anywhere;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ph-native-page__content {
	box-sizing: content-box;
	display: flow-root;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	margin: 24px auto 0;
	max-width: var(--ph-page-content-width);
	min-width: 0;
	overflow-wrap: anywhere;
	padding-inline: 16px;
}

.ph-native-page__content > :first-child { margin-top: 0; }
.ph-native-page__content > :last-child { margin-bottom: 0; }

.ph-native-page__content p {
	margin-block: 0 1em;
	/* The legacy stylesheet clips all paragraphs. */
	overflow: visible;
	text-overflow: clip;
}

.ph-native-page__content :where(h2, h3, h4, h5, h6) {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.25;
	margin-block: 1.5em 0.6em;
}
.ph-native-page__content h2 { font-size: 1.6em; }
.ph-native-page__content h3 { font-size: 1.3em; }
.ph-native-page__content h4 { font-size: 1.15em; }
.ph-native-page__content :where(h5, h6) { font-size: 1em; }

.ph-native-page__content a { color: var(--ph-page-accent); }
.ph-native-page__content a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ph-native-page__content :where(ul, ol) { padding-inline-start: 1.5em; }
.ph-native-page__content blockquote { border-inline-start: 3px solid var(--ph-page-border); margin-inline: 0; padding-inline-start: 1em; }
.ph-native-page__content :where(img, video, iframe, audio, figure, .wp-caption) { max-width: 100%; }
.ph-native-page__content :where(img, video) { height: auto; }
.ph-native-page__content figure { margin-inline: 0; }
.ph-native-page__content :where(.alignwide, .alignfull) { margin-inline: 0; max-width: 100%; width: auto; }
.ph-native-page__content pre { max-width: 100%; overflow: auto; }
.ph-native-page__content table { border-collapse: collapse; width: 100%; }
.ph-native-page__content > table { display: block; max-width: 100%; overflow-x: auto; }
.ph-native-page__content :where(th, td) { border: 1px solid var(--ph-page-border); padding: 0.5em; text-align: start; }
.ph-native-page__content .wp-block-table { overflow-x: auto; }

@media (max-width: 900px) {
	.ph-native-page { padding-bottom: 42px; }
	.ph-native-page__heading { min-height: 128px; padding: 20px 14px; }
	.ph-native-page__content { font-size: 1.02rem; line-height: 1.78; padding-inline: 14px; }
}

@media (max-width: 640px) {
	.ph-native-page { padding-bottom: 38px; }
	.ph-native-page__heading { min-height: 112px; padding: 18px 12px; }
	.ph-native-page__title { font-size: clamp(2.2rem, 3.2vw, 3rem); }
	.ph-native-page__heading-mark { inset: 12px auto auto 18px; max-width: 68px; width: 20vw; }
	.ph-native-page__content { margin-top: 16px; padding-inline: 12px; }
}