/*
 * Blog listing + single post visual unification.
 */

html body.blog #main,
html body.archive.category #main,
html body.archive.tag #main,
html body.single-post #main {
	background: var(--bb-bg-page, #f5f5f3) !important;
}

html body.blog .page-top,
html body.archive.category .page-top,
html body.archive.tag .page-top,
html body.single-post .page-top {
	background: var(--bb-bg-card, #ffffff) !important;
	border-bottom: 1px solid var(--bb-border-soft, #d9d6d2) !important;
}

html body.blog article.post,
html body.archive.category article.post,
html body.archive.tag article.post,
html body.single-post article.post {
	background: var(--bb-bg-card, #ffffff);
	border: 1px solid var(--bb-border-soft, #d9d6d2);
	border-radius: var(--bb-radius-lg, 18px);
	box-shadow: var(--bb-shadow-sm, 0 8px 22px rgba(95, 70, 50, 0.05));
	overflow: hidden;
}

html body.blog article.post .post-content,
html body.archive.category article.post .post-content,
html body.archive.tag article.post .post-content,
html body.single-post article.post .post-content {
	padding: clamp(0.95rem, 2vw, 1.45rem);
}

html body.blog article.post h2 a,
html body.archive.category article.post h2 a,
html body.archive.tag article.post h2 a,
html body.single-post article.post h1,
html body.single-post article.post h2 {
	color: var(--bb-text-primary, #241f1a) !important;
}

html body.blog article.post .post-meta,
html body.archive.category article.post .post-meta,
html body.archive.tag article.post .post-meta,
html body.single-post article.post .post-meta,
html body.blog article.post p,
html body.archive.category article.post p,
html body.archive.tag article.post p,
html body.single-post article.post p {
	color: var(--bb-text-secondary, #6c5645) !important;
}

html body.blog .pagination .page-numbers,
html body.archive.category .pagination .page-numbers,
html body.archive.tag .pagination .page-numbers {
	border: 1px solid var(--bb-border-soft, #d9d6d2);
	border-radius: 999px;
	background: var(--bb-bg-card, #ffffff);
	color: var(--bb-text-primary, #241f1a);
}

html body.blog .pagination .page-numbers.current,
html body.archive.category .pagination .page-numbers.current,
html body.archive.tag .pagination .page-numbers.current {
	background: var(--bb-brand-primary, #7a5b3f);
	color: #ffffff;
	border-color: var(--bb-brand-primary, #7a5b3f);
}

/* Phase: full-site high-end redesign (editorial hierarchy). */
html body.blog article.post h2,
html body.single-post article.post h1 {
	letter-spacing: -0.02em;
	font-family: var(--bb-font-heading, "Manrope", sans-serif);
}

html body.single-post article.post .post-content {
	padding: clamp(1rem, 2.2vw, 1.8rem);
}