/* ── Blog archive + single (Wingbeat & Notes CPTs) ───────────────────────── */

/* Archive listing: post-template renders a <ul> of <li.wp-block-post> items.
   Strip the list chrome and space items evenly. */
.sfbbo-blog-list .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sfbbo-blog-list .wp-block-post {
	margin: 0 0 32px;
}

/* Post title link in the listing: blue, no underline (matches content headings). */
.sfbbo-blog-list .wp-block-post-title {
	margin: 0 0 8px;
}

.sfbbo-blog-list .wp-block-post-title a {
	color: #916e30;
	text-decoration: none;
}

.sfbbo-blog-list .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* Post date: muted, small, Montserrat — both archive listing and single. */
.sfbbo-blog-list .wp-block-post-date,
main > .wp-block-post-date {
	margin: 0 0 16px;
	color: #515151;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Teaser: the formatted "first section" of each post (leading image + intro),
   rendered as real blocks by the render_block filter in functions.php. Body text
   styling comes from the wp-block-post-content class on the wrapper. */
.sfbbo-blog-list .sfbbo-archive-teaser > :last-child {
	margin-bottom: 0;
}

/* Keep teaser images contained (board-walk posts use a floated inline image). */
.sfbbo-blog-list .sfbbo-archive-teaser img {
	height: auto;
	max-width: 100%;
}

/* Contain floated images within the listing item. */
.sfbbo-blog-list .sfbbo-archive-teaser::after {
	content: "";
	display: table;
	clear: both;
}

/* "Read More" link. */
.sfbbo-blog-list .sfbbo-teaser__more {
	margin: 12px 0 0;
}

.sfbbo-blog-list .sfbbo-teaser__more a {
	display: inline-block;
	color: #6a87b6;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
}

.sfbbo-blog-list .sfbbo-teaser__more a:hover {
	text-decoration: underline;
}

/* Separator between listing items. */
.sfbbo-blog-list .wp-block-separator {
	margin: 24px 0;
	border-color: rgba(0, 0, 0, 0.1);
}

/* Pagination row. */
.sfbbo-blog-list .wp-block-query-pagination {
	justify-content: center;
	margin-top: 16px;
	gap: 12px;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 14px;
}

.sfbbo-blog-list .wp-block-query-pagination a {
	color: #6a87b6;
	text-decoration: none;
}

.sfbbo-blog-list .wp-block-query-pagination a:hover {
	text-decoration: underline;
}

.sfbbo-blog-list .wp-block-query-pagination .current {
	font-weight: 700;
}

/* Single post: gold title (matches content h2s + the original Weebly blog-title,
   which was an h2 and inherited the site's gold heading color). The title is a
   semantic h1 here, so theme.json's h2-only gold doesn't reach it. */
main > .wp-block-post-title {
	margin-bottom: 8px;
	color: #916e30;
}