/* Lightweight editorial styles. Product detail pages are intentionally excluded. */
:root {
	--cbfgd-ink: #252421;
	--cbfgd-muted: #6a665f;
	--cbfgd-red: #bd2636;
	--cbfgd-red-dark: #941c2b;
	--cbfgd-cream: #fbf8f2;
	--cbfgd-paper: #fffefa;
	--cbfgd-line: #e9e3da;
	--cbfgd-leaf: #345b3f;
}

.cbfgd-category-banner,
.cbfgd-guide-feed {
	box-sizing: border-box;
	width: min(1180px, calc(100% - 40px));
	margin: 22px auto;
	color: var(--cbfgd-ink);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cbfgd-category-banner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, .9fr);
	align-items: center;
	min-height: 190px;
	overflow: hidden;
	border: 1px solid var(--cbfgd-line);
	border-radius: 18px;
	background: var(--cbfgd-cream);
}

.cbfgd-category-banner__copy { padding: clamp(22px, 4vw, 42px); }
.cbfgd-category-banner__copy--full { grid-column: 1 / -1; }
.cbfgd-category-banner__copy h2 { margin: 6px 0 9px; color: var(--cbfgd-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 3vw, 34px); font-weight: 500; line-height: 1.12; }
.cbfgd-category-banner__copy p { max-width: 630px; margin: 0; color: var(--cbfgd-muted); font-size: 14px; line-height: 1.65; }
.cbfgd-category-banner__image { height: 100%; min-height: 190px; background: #eee7dc; }
.cbfgd-category-banner__image img { display: block; width: 100%; height: 100%; min-height: 190px; object-fit: cover; }
.cbfgd-kicker { display: inline-block; color: var(--cbfgd-red-dark); font-size: 10px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }

/* Give regular content pages calmer reading measure without replacing their copy. */
body.page:not(.single-product) .entry-content,
body.page:not(.single-product) .elementor-widget-theme-post-content > .elementor-widget-container {
	max-width: 860px;
	margin-inline: auto;
	color: var(--cbfgd-ink);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.75;
}

body.page:not(.single-product) .entry-content h2,
body.page:not(.single-product) .entry-content h3,
body.page:not(.single-product) .elementor-widget-theme-post-content h2,
body.page:not(.single-product) .elementor-widget-theme-post-content h3 {
	margin-top: 1.6em;
	color: var(--cbfgd-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 500;
	line-height: 1.18;
}

body.page:not(.single-product) .entry-content p,
body.page:not(.single-product) .entry-content li,
body.page:not(.single-product) .elementor-widget-theme-post-content p,
body.page:not(.single-product) .elementor-widget-theme-post-content li { color: #4c4943; }
body.page:not(.single-product) .entry-content img,
body.page:not(.single-product) .elementor-widget-theme-post-content img { max-width: 100%; height: auto; border-radius: 12px; }
body.page:not(.single-product) .entry-content table { width: 100%; border-collapse: collapse; }
body.page:not(.single-product) .entry-content th,
body.page:not(.single-product) .entry-content td { padding: 10px 12px; border: 1px solid var(--cbfgd-line); text-align: left; }
body.page:not(.single-product) .entry-content blockquote { padding: 8px 0 8px 18px; border-left: 3px solid var(--cbfgd-red); color: var(--cbfgd-muted); }

.cbfgd-guide-feed { margin-top: 46px; margin-bottom: 52px; }
.cbfgd-guide-feed__heading { margin-bottom: 17px; }
.cbfgd-guide-feed__heading h2 { margin: 5px 0 0; color: var(--cbfgd-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(27px, 3.5vw, 38px); font-weight: 500; line-height: 1.12; }
.cbfgd-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.cbfgd-guide-card { min-width: 0; overflow: hidden; border: 1px solid var(--cbfgd-line); border-radius: 15px; background: var(--cbfgd-paper); }
.cbfgd-guide-card__image { display: grid; min-height: 135px; aspect-ratio: 1.55 / 1; place-items: center; overflow: hidden; background: linear-gradient(135deg, #f0e7dc, #f8f2e9); color: var(--cbfgd-leaf); font-family: Georgia, "Times New Roman", serif; font-size: 18px; text-decoration: none; }
.cbfgd-guide-card__image img { width: 100%; height: 100%; object-fit: cover; }
.cbfgd-guide-card__body { padding: 15px 16px 17px; }
.cbfgd-guide-card__date { margin: 0 0 6px; color: var(--cbfgd-muted); font-size: 11px; }
.cbfgd-guide-card h3 { margin: 0 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 19px; font-weight: 500; line-height: 1.22; }
.cbfgd-guide-card h3 a { color: var(--cbfgd-ink); text-decoration: none; }
.cbfgd-guide-card h3 a:hover { color: var(--cbfgd-red-dark); }
.cbfgd-guide-card__body > p:not(.cbfgd-guide-card__date) { margin: 0; color: var(--cbfgd-muted); font-size: 13px; line-height: 1.55; }
.cbfgd-read-link { display: inline-block; margin-top: 12px; color: var(--cbfgd-red-dark); font-size: 12px; font-weight: 700; text-decoration: none; }
.cbfgd-read-link:hover { color: var(--cbfgd-ink); }

@media (max-width: 700px) {
	.cbfgd-category-banner,
	.cbfgd-guide-feed { width: min(100% - 28px, 560px); }
	.cbfgd-category-banner { grid-template-columns: 1fr; }
	.cbfgd-category-banner__image { min-height: 150px; max-height: 220px; order: -1; }
	.cbfgd-category-banner__image img { min-height: 150px; max-height: 220px; }
	.cbfgd-category-banner__copy { padding: 20px; }
	.cbfgd-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.cbfgd-guide-card__body { padding: 11px; }
	.cbfgd-guide-card h3 { font-size: 16px; }
}

@media (max-width: 420px) {
	.cbfgd-guide-grid { grid-template-columns: 1fr; }
}