/* =============================================================================
   VisionaryFlux — Standard Page Template
   Styles for page.php: trust pages, static pages, wp-admin pages.
   Depends on custom properties from theme.css.
   ============================================================================= */

/* --- Page outer wrapper ------------------------------------------------------ */

.vf-page-wrap {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 3rem 1.5rem 5rem;
}

/* --- Page header ------------------------------------------------------------- */

.vf-page-header {
	max-width: var(--vf-reading-width);
	margin: 0 auto 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--vf-border);
}

.vf-page-title {
	font-family: var(--vf-font-serif);
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--vf-text);
	margin: 0;
}

/* --- Page content ------------------------------------------------------------- */

.vf-page-content {
	max-width: var(--vf-reading-width);
	margin-left: auto;
	margin-right: auto;
}

/* First h2 sits flush against the header border — no top margin needed. */
.vf-page-content > h2:first-child,
.vf-page-content > *:first-child > h2:first-child {
	margin-top: 0;
}

/* Lists inside page content use serif body typography to match paragraph rhythm. */
.vf-page-content ul,
.vf-page-content ol {
	font-family: var(--vf-font-serif);
	font-size: 1.05rem;
	line-height: 1.8;
}

.vf-page-content li {
	margin-bottom: 0.5em;
}

/* Strong and em inside policy pages */
.vf-page-content strong {
	font-weight: 700;
	color: var(--vf-text);
}

.vf-page-content em {
	font-style: italic;
	color: var(--vf-text-muted);
}

/* --- Responsive -------------------------------------------------------------- */

@media ( max-width: 780px ) {
	.vf-page-wrap {
		padding: 2rem 1.25rem 4rem;
	}

	.vf-page-header {
		margin-bottom: 2rem;
		padding-bottom: 1.25rem;
	}

	.vf-page-title {
		font-size: 1.75rem;
	}
}