/* head of article pages */
.head {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	gap: 1em;
	text-align: center;
	padding-inline: 0.5em;
	padding-block: var(--head-space);
}
@media screen and (min-width: 60em) {
	.head{
		--text-space: 6em;
	}
}
.head p {
	max-width: 40ch;
}