/* =============================================================
   Default page template (page.php) — standard content pages.
   Depends on main.css and landing.css (.dm-phero).
   Loaded only on pages using the default template.
   ============================================================= */

.dm-page__inner { display: flex; justify-content: center; }

.dm-prose {
	width: 100%;
	max-width: 78ch;
	font-size: clamp(15px, .98vw, 18px);
	line-height: 1.75;
	color: rgba(255, 255, 255, .85);
}
.dm-prose > * + * { margin-top: 18px; }

.dm-prose h2 {
	margin-top: 42px;
	font-size: clamp(22px, 1.7vw, 32px);
	font-weight: var(--fw-bold);
	line-height: 1.25;
	color: #fff;
}
.dm-prose h3 {
	margin-top: 32px;
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: var(--fw-semibold);
	color: var(--color-primary);
}
.dm-prose h4 {
	margin-top: 26px;
	font-size: 18px;
	font-weight: var(--fw-semibold);
	color: #fff;
}
.dm-prose h2:first-child,
.dm-prose h3:first-child { margin-top: 0; }

.dm-prose ul,
.dm-prose ol { padding-left: 24px; }
.dm-prose ul { list-style: disc; }
.dm-prose ol { list-style: decimal; }
.dm-prose li + li { margin-top: 8px; }

.dm-prose a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.dm-prose a:hover { color: #fff; }

.dm-prose strong { color: #fff; font-weight: var(--fw-semibold); }

.dm-prose img { max-width: 100%; height: auto; border-radius: var(--radius-card); }
.dm-prose figcaption { margin-top: 8px; font-size: 13px; color: rgba(255, 255, 255, .6); }

.dm-prose blockquote {
	margin-inline: 0;
	padding: 18px 22px;
	border-left: 3px solid var(--color-primary);
	background: var(--color-bg-card-alt);
	border-radius: var(--radius-base);
}

.dm-prose table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.dm-prose th,
.dm-prose td { padding: 10px 12px; border: 1px solid var(--color-border-faint); text-align: left; }
.dm-prose th { color: #fff; font-weight: var(--fw-semibold); }

.dm-prose hr { border: 0; border-top: 1px solid var(--color-border-faint); margin-block: 32px; }

.dm-page__pages { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }