/* ============================================================
   Privacy Policy / Document — templates/page-document.php
   Narrow reading column for text-only pages. Content comes
   straight from the WP editor; this supplies the editorial
   typography AND neutralizes Elementor's leftover wrapper
   spacing (the live Privacy Policy body is still Elementor
   markup with sections, columns, and spacer widgets that
   would otherwise push the text hundreds of px down).
   ============================================================ */

/* Belt-and-suspenders: hide Blocksy's auto page-title hero
   (the template also disables it via a filter). */
.page-template-page-document .hero-section,
.page-template-page-document [data-prefix="single_page"] > .entry-header {
	display: none;
}

.msdoc {
	max-width: 1080px;
	margin: 0 auto;
	padding: 64px 40px 100px;
}

.msdoc__title {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: clamp(34px, 4.5vw, 48px);
	line-height: 1.15;
	color: var(--off-black);
	text-align: left;
	margin: 0 0 24px 0;
	padding: 0;
}

.msdoc__body {
	font-family: 'EB Garamond', Georgia, serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 1.7;
	color: var(--off-black);
}
.msdoc__body p {
	margin: 0 0 22px 0;
}
.msdoc__body h2,
.msdoc__body h3 {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	color: var(--off-black);
	line-height: 1.25;
	margin: 40px 0 16px 0;
}
.msdoc__body h2 { font-size: 26px; }
.msdoc__body h3 { font-size: 21px; }
.msdoc__body ul,
.msdoc__body ol {
	margin: 0 0 22px 0;
	padding-left: 26px;
}
.msdoc__body li {
	margin: 0 0 8px 0;
}
.msdoc__body a {
	color: var(--link-orange);
	text-decoration-color: var(--link-orange);
	text-underline-offset: 3px;
}
.msdoc__body a:hover {
	color: var(--earth-orange);
	text-decoration-color: var(--earth-orange);
}
.msdoc__body strong { font-weight: 700; }
.msdoc__body hr {
	border: 0;
	border-top: 1px solid var(--line-dark);
	margin: 36px 0;
}

/* ── Neutralize Elementor leftover wrappers ─────────────────
   The Privacy Policy page body still ships as Elementor
   markup (sections → columns → widgets), each with its own
   padding, margins, and often a big spacer widget between the
   title and body. We render the content directly inside our
   own narrow column and unwind Elementor's spacing so it just
   reads as flat prose.                                        */
.msdoc__body .elementor,
.msdoc__body .elementor-section,
.msdoc__body .elementor-container,
.msdoc__body .elementor-row,
.msdoc__body .elementor-column,
.msdoc__body .elementor-column-wrap,
.msdoc__body .elementor-widget-wrap,
.msdoc__body .elementor-widget,
.msdoc__body .elementor-widget-container,
.msdoc__body .elementor-element {
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	background: transparent !important;
	display: block !important;
	min-height: 0 !important;
	box-shadow: none !important;
	border: 0 !important;
}
.msdoc__body .elementor-widget-spacer,
.msdoc__body .elementor-spacer,
.msdoc__body .elementor-spacer-inner {
	display: none !important;
}
/* Text-editor widget's inner content is the actual body text — keep it
   inheriting our typography instead of Elementor's inline overrides. */
.msdoc__body .elementor-widget-text-editor,
.msdoc__body .elementor-widget-text-editor * {
	font-family: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
}
.msdoc__body .elementor-widget-text-editor p,
.msdoc__body .elementor-widget-text-editor li {
	font-size: inherit !important;
}
/* Space between top-level text widgets, since we've killed their own margins. */
.msdoc__body .elementor-widget + .elementor-widget,
.msdoc__body .elementor-element + .elementor-element {
	margin-top: 22px !important;
}

@media (max-width: 720px) {
	.msdoc { padding: 44px 20px 64px; }
	.msdoc__title { margin-bottom: 18px; }
	.msdoc__body { font-size: 17px; }
}