.site-blog-hero { padding: 5rem 0; background:#151b20; color:#fff; border-bottom:4px solid var(--amarelo); }
.site-blog-hero .eyebrow { color:var(--amarelo); }
.site-blog-hero h1 { font-size:clamp(2.5rem,6vw,4.8rem); line-height:1.1; margin:1rem 0; }
.site-blog-posts { display:grid; gap:2rem; padding-block:3rem 5rem; max-width:900px; }
.site-blog-post { background:white; border:1px solid #e3e1d9; padding:clamp(1.25rem,4vw,2.5rem); }
.site-blog-post img { width:100%; max-height:420px; object-fit:cover; margin-bottom:1.4rem; }
.site-blog-post h2 { margin:.6rem 0 1.2rem; }
.site-blog-post p { white-space:pre-wrap; line-height:1.8; overflow-wrap:anywhere; }
.site-blog-post small { color:#776017; display:block; }