ol.posts.list {
	list-style: none;
	margin-top: 2rem;
	padding: 0;
}

ol.posts.list li section header {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

ol.posts.list p {
	text-align: justify;
}

ol.posts.list {
	display: grid;
	gap: 2rem;
}

@media screen and (min-width: 30rem) {
	ol.posts.list {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 50rem) {
	ol.posts.list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

#posts-bottom-navigation {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}

#posts-bottom-navigation a {
	max-width: 50%;
}

#posts-bottom-navigation a:only-child.prev-in-section {
	margin-right: auto;
}

#posts-bottom-navigation a:only-child.next-in-section {
	margin-left: auto;
}