/**
 * page.css
 * page.php + template-parts/content-page.php: default static "Page"
 * template — about/policy/trust pages like "اعتماد شما، اولویت ماست".
 *
 * Previously page.php dumped the_content() directly with no wrapper,
 * so every static page rendered as unstyled text stretched edge to
 * edge with no card, no title treatment and no list spacing. This
 * gives it a minimal white card on a readable measure, reusing
 * .entry-content's paragraph/heading rhythm from blog.css and adding
 * the list styling pages lean on more than blog posts do.
 */

.page-content__wrap {
	max-width: 860px;
	margin-inline: auto;
	padding-block: var(--space-4) var(--space-9);
}

.page-content {
	padding: var(--space-2) 0;
}

.page-content .entry-header {
	text-align: center;
	margin-bottom: var(--space-6);
	padding-bottom: var(--space-5);
	border-bottom: 1px solid var(--dg-border);
}

.page-content .entry-title {
	font-size: clamp(1.375rem, 3vw, 2rem);
	font-weight: 800;
	line-height: 1.35;
	color: var(--dg-text-primary);
}

.page-content .entry-thumbnail {
	margin-bottom: var(--space-6);
	border-radius: var(--radius-md);
	overflow: hidden;
}

/* blog.css already sizes/spaces .entry-content paragraphs, h2/h3,
   blockquote, table and img — this adds what pages need on top of
   that: readable, evenly spaced bullet/numbered lists. */
.page-content .entry-content ul,
.page-content .entry-content ol {
	padding-inline-start: var(--space-6);
}

.page-content .entry-content li {
	line-height: 1.8;
}

.page-content .entry-content li + li {
	margin-top: var(--space-2);
}

.page-content .entry-content li > ul,
.page-content .entry-content li > ol {
	margin-top: var(--space-2);
}

@media (max-width: 640px) {
	.page-content__wrap {
		padding-block: var(--space-3) var(--space-7);
	}
}