
.mc-blog-hero{background:var(--mc-bg-alt);padding:3rem 0 2rem}
.mc-blog-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--mc-muted);margin:1rem 0}
.mc-blog-body{padding:3rem 0;max-width:760px;margin:0 auto}
.mc-blog-body h2{margin:2rem 0 1rem}
.mc-blog-body p{line-height:1.85;margin-bottom:1.2rem}
.mc-blog-body blockquote{border-left:3px solid var(--mc-forest);background:rgba(26,74,64,.03);padding:1rem 1.4rem;border-radius:0 var(--mc-radius) var(--mc-radius) 0;margin:1.5rem 0;font-style:italic;color:var(--mc-muted)}
.mc-blog-cta{background:var(--mc-bg-card);border:2px solid var(--mc-forest);border-radius:var(--mc-radius-lg);padding:2rem;text-align:center;margin:2.5rem 0}
.mc-blog-author{display:flex;align-items:center;gap:1rem;background:var(--mc-bg-alt);border:1px solid var(--mc-border);border-radius:var(--mc-radius);padding:1.4rem;margin-top:2rem}
.mc-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.mc-blog-card{background:var(--mc-bg-card);border:1px solid var(--mc-border);border-radius:var(--mc-radius);padding:1.4rem;transition:border-color .3s,transform .3s}
.mc-blog-card:hover{border-color:var(--mc-forest-l);transform:translateY(-3px)}
.mc-blog-card h3{font-size:.9rem;margin:0 0 .3rem;font-family:var(--mc-sans);font-weight:700}
.mc-blog-card h3 a{color:var(--mc-forest-d);text-decoration:none}
.mc-blog-card h3 a:hover{color:var(--mc-copper)}
.mc-blog-card p{font-size:.8rem;color:var(--mc-muted);margin:0 0 .6rem}
.mc-blog-card-meta{font-size:.72rem;color:var(--mc-muted)}
.mc-blog-pagination{display:flex;justify-content:center;gap:.4rem;margin-top:2rem}
.mc-blog-pagination a,.mc-blog-pagination span{padding:7px 13px;border-radius:8px;font-size:.82rem;border:1px solid var(--mc-border);color:var(--mc-muted);transition:.2s}
.mc-blog-pagination a:hover{border-color:var(--mc-forest);color:var(--mc-forest)}
.mc-blog-pagination .active{background:var(--mc-forest);color:#fff;border-color:var(--mc-forest)}
@media(max-width:991px){.mc-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.mc-blog-grid{grid-template-columns:1fr}}
