/**
 * Blue Frame Films: pages.css
 *
 * Purpose:  Generic pages: templates/page.html, index.html (blog/archive) and 404.html.
 * Used by:  Any page that is not the homepage (e.g. a privacy policy page).
 * To edit:  Text column width: .bf-page .wrap.
 */

/* ==========================================================================
   Page layout
   ========================================================================== */
.bf-page {
	padding: 72px 0 96px;
	min-height: 50vh;
}

.bf-page .wrap {
	max-width: 820px;
}

.bf-page h1,
.bf-page .wp-block-post-title {
	font-size: clamp(2rem,4.5vw,3rem);
	margin: 0 0 24px;
	line-height: 1.1;
}

.bf-page .lead {
	margin-bottom: 24px;
}

/* ==========================================================================
   Post content
   ========================================================================== */
.bf-page .wp-block-post-content>*+* {
	margin-top: 1em;
}

.bf-page .wp-block-post-content h2 {
	margin: 1.6em 0 .5em;
}

.bf-page .wp-block-post-content a,
.bf-page p a {
	color: var(--elec2);
	text-decoration: underline;
}

.bf-page .wp-block-post-content ul,
.bf-page .wp-block-post-content ol {
	padding-left: 1.4em;
}

/* ==========================================================================
   Post lists (blog index / archives)
   ========================================================================== */
.bf-page .wp-block-post-template {
	list-style: none;
	padding: 0;
	display: grid;
	gap: 28px;
}

.bf-page .wp-block-post-template h2 {
	font-size: 1.4rem;
}

.bf-page .wp-block-post-excerpt {
	color: var(--muted);
}

.bf-page .wp-block-query-pagination {
	margin-top: 32px;
	gap: 12px;
}