/* Blog-only additions on top of Forty's main.css */

.post-meta {
	color: rgba(244, 244, 255, 0.6);
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: -1em 0 2em 0;
}

/* Blog list uses Forty spotlights (same as haazen.xyz/projects) */
.spotlights .post-meta { margin: 0 0 1em 0; }
.spotlights h3 a { border-bottom: 0; }
/* Image fills its half without stretching the row, whatever its shape */
.spotlights > section > .image { position: relative; overflow: hidden; min-height: 15em; }
.spotlights > section > .image img {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; object-fit: cover;
}

ul.pagination { margin: 0; }
ul.pagination .button.disabled { opacity: 0.25; pointer-events: none; }

.post-content img { max-width: 100%; height: auto; }
.post-content pre { overflow-x: auto; }

.post-nav { flex-wrap: wrap; }

/* Keep tall phone photos from taking over the page */
.post-content img, #main .image.main img {
	display: block;
	max-height: 70vh;
	width: auto;
	max-width: 100%;
	margin: 0 auto 2em auto;
}