/* ═══════════════════════════════════════════════════════════
   DAVID MACKNEY — generic content pages (page / post / index / 404 / search)
   Uses the shared shell from main.css; only adds a readable,
   on-brand content column. Never loaded on the homepage.
═══════════════════════════════════════════════════════════ */
.dm-content {
	position: relative;
	z-index: 2;
	min-height: 70vh;
	padding: 12rem 3.5rem 7rem;
}
.dm-content-inner {
	max-width: 820px;
	margin: 0 auto;
}
.dm-eyebrow {
	font-family: var(--f-caps);
	font-size: 0.56rem;
	letter-spacing: 0.42em;
	color: var(--ice);
	opacity: 0.62;
	display: block;
	margin-bottom: 1.4rem;
}
.dm-page-title {
	font-family: var(--f-display);
	font-weight: 300;
	font-size: clamp(2.2rem, 5vw, 4rem);
	line-height: 1.08;
	letter-spacing: -0.015em;
	color: var(--silver);
	margin-bottom: 2.5rem;
}
.dm-entry {
	font-family: var(--f-body);
	font-size: clamp(1rem, 1.3vw, 1.12rem);
	line-height: 1.9;
	color: var(--silver-50);
}
.dm-entry p,
.dm-entry ul,
.dm-entry ol,
.dm-entry blockquote,
.dm-entry figure,
.dm-entry table { margin-bottom: 1.6rem; }
.dm-entry h1, .dm-entry h2, .dm-entry h3, .dm-entry h4 {
	font-family: var(--f-display);
	font-weight: 400;
	color: var(--silver);
	line-height: 1.2;
	margin: 2.4rem 0 1rem;
}
.dm-entry h2 { font-size: 1.9rem; }
.dm-entry h3 { font-size: 1.5rem; }
.dm-entry a { color: var(--ice); border-bottom: 1px solid rgba(107,189,212,0.3); transition: opacity 0.25s; }
.dm-entry a:hover { opacity: 0.75; }
.dm-entry blockquote {
	border-left: 1px solid rgba(107,189,212,0.35);
	padding-left: 1.5rem;
	font-family: var(--f-display);
	font-style: italic;
	color: var(--silver);
}
.dm-entry img { border-radius: 4px; margin: 1rem 0; }
.dm-entry ul, .dm-entry ol { padding-left: 1.4rem; }
.dm-entry li { margin-bottom: 0.5rem; }
.dm-entry code {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.86em;
	background: rgba(107,189,212,0.08);
	padding: 0.1em 0.4em;
	border-radius: 3px;
}

/* Post list (index / archive / search) */
.dm-list-item {
	padding: 2rem 0;
	border-bottom: 1px solid rgba(107,189,212,0.08);
}
.dm-list-item:last-child { border-bottom: none; }
.dm-list-title {
	font-family: var(--f-display);
	font-weight: 400;
	font-size: clamp(1.4rem, 2.6vw, 2rem);
	line-height: 1.2;
	margin-bottom: 0.6rem;
}
.dm-list-title a { color: var(--silver); transition: color 0.25s; }
.dm-list-title a:hover { color: var(--ice); }
.dm-list-meta {
	font-family: var(--f-caps);
	font-size: 0.46rem;
	letter-spacing: 0.24em;
	color: var(--silver-50);
	margin-bottom: 0.8rem;
}
.dm-list-excerpt { color: var(--silver-50); line-height: 1.8; }

/* Pagination */
.dm-pagination {
	display: flex;
	gap: 0.8rem;
	flex-wrap: wrap;
	margin-top: 3rem;
	font-family: var(--f-caps);
	font-size: 0.55rem;
	letter-spacing: 0.16em;
}
.dm-pagination .page-numbers {
	padding: 0.6rem 0.95rem;
	border: 1px solid var(--silver-20);
	color: var(--silver);
	transition: border-color 0.3s, color 0.3s;
}
.dm-pagination .page-numbers.current,
.dm-pagination .page-numbers:hover { border-color: var(--ice); color: var(--ice); }

/* 404 */
.dm-404-code {
	font-family: var(--f-display);
	font-weight: 300;
	font-size: clamp(5rem, 18vw, 12rem);
	line-height: 0.9;
	color: var(--ice);
	opacity: 0.25;
	margin-bottom: 1rem;
}
.dm-404-actions { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-top: 2.5rem; }

/* Comments (minimal, on-brand) */
.dm-comments { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid rgba(107,189,212,0.08); }
.dm-comments .comment-list { list-style: none; padding: 0; }