/*
 * pages.css
 * Page-specific styles. Homepage, work and project styles arrive with
 * their templates in later phases.
 */

/* -------------------------------------------------------------------
 * Post list (fallback archive)
 * ------------------------------------------------------------------- */

.post-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
}

.post-list__item {
	padding-block-end: var(--space-md);
	border-block-end: 1px solid var(--color-line);
}

.post-list__item:last-child {
	border-block-end: 0;
}

.post-list__title {
	font-size: var(--text-lg);
	margin-block-end: var(--space-2xs);
}

.post-list__title a:hover {
	color: var(--color-muted);
}

/* -------------------------------------------------------------------
 * Pagination
 * ------------------------------------------------------------------- */

.pagination {
	margin-block-start: var(--space-lg);
	font-size: var(--text-sm);
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-sm);
}

.pagination .current {
	color: var(--color-muted);
}

/* -------------------------------------------------------------------
 * 404
 * ------------------------------------------------------------------- */

.error-404 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-sm);
}

.error-404__title {
	font-size: var(--text-xl);
}

.error-404__text {
	color: var(--color-muted);
}

.error-404 .button {
	margin-block-start: var(--space-sm);
}