/* Preserve Hemingway's character while reducing the oversized masthead. */
.header.section {
	padding: 38px 0;
}

.blog-info {
	padding: 20px 26px;
}

/* Match the space above a featured image to Hemingway's space below it. */
.wrapper {
	margin-top: 40px;
}

/* Homepage previews are automatic and visually consistent on every viewport. */
.zd-auto-excerpt {
	display: -webkit-box;
	line-height: 1.5;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
}

.zd-continue {
	margin-top: 0.75em;
}

/* Categories are unused on this site; retain Hemingway's tag labels only. */
.post-categories {
	display: none;
}

/* Make adjacent-post navigation recognizable as links before hover. */
.post-nav a {
	color: #1abc9c;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.post-nav a:hover {
	color: #148f77;
	text-decoration: underline;
}

/* Archive and search headings follow the left edge of their results. */
.archive-header {
	text-align: left;
}

.zd-browse-section + .zd-browse-section {
	margin-top: 2.5em;
}

.zd-subjects {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.45em 2em;
	list-style: none;
	margin-left: 0;
}

.zd-subjects li {
	display: flex;
	justify-content: space-between;
}

.zd-subjects span {
	color: #888;
	margin-left: 0.5em;
}

.zd-years {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1.5em;
	list-style: none;
	margin-left: 0;
}

.zd-post-index {
	list-style: none;
	margin-left: 0;
}

.zd-post-index li {
	display: grid;
	grid-template-columns: 7em minmax(0, 1fr);
	gap: 1em;
	padding: 0.4em 0;
}

.zd-post-index time {
	color: #777;
}

@media ( max-width: 700px ) {
	.header.section {
		padding: 28px 0;
	}

	.blog-info {
		padding: 16px 20px;
	}

	.wrapper {
		margin-top: 25px;
	}

	.zd-subjects {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zd-post-index li {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

@media ( max-width: 440px ) {
	.zd-subjects {
		grid-template-columns: 1fr;
	}
}