/* =========================================================================
   PAGES
   Page-specific styles: home, archive, single, contact, etc.
   Add sections as you build out each page template.
   ========================================================================= */

/* -------- Generic single post / page -------- */
.entry-header {
	margin-bottom: var(--space-6);
}

.entry-title {}

.entry-meta {
	color: var(--color-text-muted);
	font-size: var(--fs-sm);
}

.entry-content > * + * {
}



.entry-content blockquote {
	border-left: 4px solid var(--color-primary);
	padding: var(--space-3) var(--space-5);
	margin: var(--space-5) 0;
	background-color: var(--color-bg-alt);
	font-style: italic;
}

/* -------- Archive / loop -------- */
.archive-header {
	padding: var(--space-8) 0;
	text-align: center;
	background-color: var(--color-bg-alt);
	margin-bottom: var(--space-8);
}

.archive-title {
	font-size: var(--fs-3xl);
	margin-bottom: var(--space-3);
}

/* -------- Pagination -------- */
.pagination {
	display: flex;
	justify-content: center;
	gap: var(--space-2);
	margin-top: var(--space-8);
}

.pagination a,
.pagination span {
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	color: var(--color-text);
	text-decoration: none;
}

.pagination .current {
	background-color: var(--color-primary);
	color: var(--color-text-inverse);
	border-color: var(--color-primary);
}

/* -------- 404 -------- */
.error-404 {
	text-align: center;
	padding: var(--space-12) var(--space-4);
}

.error-404 .error-code {
	font-size: 6rem;
	font-weight: var(--fw-bold);
	color: var(--color-primary);
	line-height: 1;
}