#archive_page {
	max-width: var(--content-width);
	padding-inline: 1em;
	margin-inline: auto;
	margin-top: 3em;
	.posts {
		display: flex;
		align-items: center;
		justify-content: center;
		ul {
			list-style-type: none;
			padding-left: 0;
			margin-top: 2em;
			display: flex;
			flex-direction: column;
			gap: 2em;
		}
		.post {
			display: flex;
			align-items: center;
			gap: 2em 1em;
		}
		.date {
			width: 6em;
		}
		.category {
			width: 8em;
			border: 1px solid var(--text-color);
			text-align: center;
			padding: 0.2em 0.5em;
		}
		.title {
			flex: 1;
			line-height: 1.4em;
			text-decoration: none;
		}
	}
	.nav-links {
		margin-top: 3em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		.page-numbers {
			display: inline-block;
			padding: 0.5em;
			border: 1px solid var(--text-color);
			text-decoration: none;
		}
		.current {
			font-weight: bold;
		}
	}
}