main h2 {
	margin: 12px 0;
	font-weight: normal;
}

h2.subtitle {
	font-style: italic;
}

h2.author {
	color: var(--header);
}

figure {
	width: min-content;
	margin: 16px auto;
}

figure img {
	max-width: 600px;
	max-height: 300px;
}

figcaption {
	font-weight: bold;
	margin-top: 4px;
}

#navigation {
	display: flex;
	flex-flow: column nowrap;
	column-gap: 8px;
	row-gap: 8px;
	margin-top: 8px;
}

.nav-btn {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	column-gap: 16px;
	flex: 1;

	min-height: 64px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;

	color: var(--grey);
	border: 2px solid var(--grey);
	padding: 4px 8px;

	transition: color var(--anim-time) ease-out, background-color var(--anim-time) ease-out;
}

a.nav-btn {
	color: var(--header);
	border-color: var(--header);
}

.nav-btn .arrow {
	font-size: 32px;
}

.nav-btn *:not(.arrow) {
	flex-grow: 1;
}

.nav-btn:last-of-type span {
	text-align: right;
}

.central-nav {
	flex-grow: 1;
}

.issue-label {
	color: white;
	background-color: black;

	padding: 0 6px;
}

.issue-date {
	font-weight: bold;
}

.line {
    height: 0;
    flex-grow: 1;
    border: 2px solid black;
    align-self: center;
}

@media (min-width: 601px) {
	#navigation {
		flex-flow: row nowrap;
	}

	.nav-btn {
		min-height: 82px;
	}

	a.nav-btn:hover {
		color: white;
		background-color: var(--header);
	}
}