/* Blog post. The body is WordPress HTML (captions, alignments, tables). */

.page-post main { max-width: 1440px; margin-inline: auto; padding-inline: 15px; }

.post__header { max-width: 1140px; margin-inline: auto; padding: 15px 0 50px; text-align: center; }
.post__title { padding: 20px; font-family: var(--f-display); font-size: 40px; line-height: 1; color: var(--c-ink); }
.post__image { width: 640px; margin: 20px auto 0; }

.post__body { max-width: 1000px; margin-inline: auto; padding: 10px 0; }

/* Body copy. */
.page-post .prose { font-size: var(--fs-ui); line-height: 1.5; font-weight: 400; color: var(--c-ink); }
.page-post .prose > * + * { margin-top: 0; }
.page-post .prose p { margin: 16px 0 24px; }
.page-post .prose h2, .page-post .prose h3, .page-post .prose h4 { clear: both; margin: 0; font-family: var(--f-ui); font-weight: 400; line-height: 1.5; color: var(--c-gold-soft); }
.page-post .prose h2 { font-size: 32px; }
.page-post .prose h2[data-h1] { margin-block: .67em; }
.page-post .prose h3 { font-size: 28px; }
.page-post .prose h4 { font-size: 24px; }
.page-post .prose a { color: inherit; text-decoration: none; }
.page-post .prose a:hover { color: var(--c-gold); }
.page-post .prose ul { margin: 0; padding: 0; list-style: none; }
.page-post .prose ol { margin: 0 0 0 20px; padding: 0; }
.page-post .prose li + li { margin-top: 0; }

/* WordPress images and captions. */
.page-post .prose img { height: auto; }
.page-post .prose .aligncenter { display: block; margin-inline: auto; }
.page-post .prose .alignleft { float: left; margin: 0 1.5em 1em 0; }
.page-post .prose .alignright { float: right; margin: 0 0 1em 1.5em; }
.page-post .prose .alignnone { display: inline-block; vertical-align: middle; margin: 0; }
.page-post .prose .wp-caption { max-width: 100%; margin: 16px auto 24px; }
.page-post .prose .wp-caption img { margin: 0; }
.page-post .prose .wp-caption-text { margin: .8em 0; font-size: var(--fs-ui); color: inherit; text-align: center; }

/* Tables are layout tables in the old posts: no rules. */
.page-post .prose table { margin: 0 0 24px; border-collapse: collapse; }
.page-post .prose td, .page-post .prose th { padding: 0; border: 0; font: inherit; vertical-align: middle; }

.post__body::after { content: ""; display: table; clear: both; }

@media (max-width: 767px) {
	.post__header { padding-top: 1px; }
	.post__title { font-size: 32px; }
	.post__image { width: 100%; }
	.post__body { padding-inline: 10px; }
}