.blog-hero { min-height: 0; padding: 140px 0 60px; }
.blog-hero .container { width: 90%; }
.blog-hero h1 { font-size: clamp(2rem, 4.5vw, 3rem); max-width: 900px; margin: 0 auto 16px; line-height: 1.25; }
.blog-sub { max-width: 700px; margin: 0 auto; font-size: 1.15rem; }
.blog-crumbs { margin-bottom: 14px; font-weight: 600; letter-spacing: .5px; }
.blog-crumbs a { color: #278e4d; }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.blog-card { background: #fff; border-radius: 14px; padding: 32px; box-shadow: 0 5px 15px rgba(0,0,0,.06); border-top: 4px solid #278e4d; display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s; }
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 15px 30px rgba(5,55,23,.12); }
.blog-card h2 { font-size: 1.35rem; line-height: 1.35; }
.blog-card p { flex: 1; }
.blog-more { font-weight: 600; color: #278e4d; }
.blog-body { max-width: 760px; padding-top: 50px; padding-bottom: 60px; }
.blog-body p { font-size: 1.08rem; line-height: 1.8; margin-bottom: 22px; }
.blog-cta { margin-top: 40px; background: #e1ebdb; border-radius: 14px; padding: 32px; text-align: center; }
.blog-cta h2 { font-size: 1.4rem; }
.blog-cta .explore-btn:hover { color: #053717; }
.blog-body strong, .blog-body strong .greek-text { font-weight: 700; }
