/* Scrap Mama: single blog posts */
html body.single-post main.site-main { max-width: 780px; width: 100%; margin: 0 auto; padding: 64px 20px 88px; }
body.single-post .page-header .entry-title { font: 800 46px/1.1 'Bricolage Grotesque', system-ui, sans-serif; letter-spacing: -0.8px; color: #16241C; margin: 0 0 14px; }
body.single-post .page-content { color: #16241C; }
.sdb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 26px; color: #5B6B62; font: 500 14px/1.4 'DM Sans', system-ui, sans-serif; }
.sdb-meta span + span::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #B9C4BD; margin-right: 14px; vertical-align: middle; }
.sdb-cover { margin: 0 0 36px; }
.sdb-cover img { display: block; width: 100%; height: auto; border-radius: 18px; }
.sdb-body { font: 400 18px/1.75 'DM Sans', system-ui, sans-serif; color: #16241C; }
.sdb-body p { margin: 0 0 18px; }
.sdb-body h2 { font: 700 28px/1.2 'Bricolage Grotesque', system-ui, sans-serif; color: #16241C; margin: 40px 0 12px; letter-spacing: -0.3px; }
.sdb-body h3 { font: 700 22px/1.25 'Bricolage Grotesque', system-ui, sans-serif; margin: 32px 0 10px; }
.sdb-body ul, .sdb-body ol { margin: 0 0 22px; padding-left: 24px; }
.sdb-body li { margin-bottom: 8px; }
.sdb-body li::marker { color: #12804A; }
.sdb-body a { color: #12804A; text-decoration: underline; text-underline-offset: 3px; }
.sdb-body a:hover { color: #0C2A1C; }
.sdb-body img { max-width: 100%; height: auto; border-radius: 14px; }
.sdb-cta { margin: 48px 0 0; padding: 30px 28px; border-radius: 18px; background: #E3F2E8; }
.sdb-cta p { margin: 0 0 16px; font: 400 17px/1.6 'DM Sans', system-ui, sans-serif; color: #16241C; }
.sdb-cta .sdb-cta__title { font: 800 26px/1.2 'Bricolage Grotesque', system-ui, sans-serif; margin: 0 0 6px; }
.sdb-cta .sdb-cta__btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.sdb-btn, .sdb-btn:visited { display: inline-flex; align-items: center; min-height: 50px; padding: 0 26px; border-radius: 999px; background: #12804A; color: #FFFFFF; border: 2px solid #12804A; text-decoration: none; font: 600 16px 'DM Sans', system-ui, sans-serif; }
.sdb-btn:hover { background: #0C2A1C; border-color: #0C2A1C; color: #FFFFFF; }
.sdb-btn.is-ghost { background: #FFFFFF; color: #12804A; }
.sdb-btn.is-ghost:hover { background: #12804A; color: #FFFFFF; border-color: #12804A; }
.sdb-related { margin-top: 56px; }
.sdb-related .sdb-related__title { font: 800 28px/1.2 'Bricolage Grotesque', system-ui, sans-serif; color: #16241C; margin: 0 0 18px; }
.sdb-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sdb-related__grid a { display: block; overflow: hidden; border: 1px solid #DCE5DE; border-radius: 14px; background: #FFFFFF; color: #16241C; text-decoration: none; transition: border-color .15s; }
.sdb-related__grid a:hover { border-color: #12804A; }
.sdb-related__grid img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sdb-related__grid span { display: block; padding: 12px 14px 16px; font: 700 16px/1.3 'Bricolage Grotesque', system-ui, sans-serif; }
.sdb-back { margin: 36px 0 0; }
.sdb-back a { color: #12804A; font: 600 16px 'DM Sans', system-ui, sans-serif; text-decoration: none; }
.sdb-back a:hover { text-decoration: underline; }
@media (max-width: 767px) {
	html body.single-post main.site-main { padding: 36px 18px 56px; }
	body.single-post .page-header .entry-title { font-size: 32px; letter-spacing: -0.4px; }
	.sdb-body { font-size: 17px; }
	.sdb-body h2 { font-size: 23px; margin-top: 32px; }
	.sdb-cta { padding: 24px 20px; }
	.sdb-related__grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .sdb-related__grid a { transition: none; } }