.blog-list-page{--jf-green: #2f8a3b;--jf-green-dark: #256e2f;--jf-ink: #1f2a24;--jf-muted: #5b6b62;--jf-line: #e3ebe5}.blog-hero{background:linear-gradient(135deg,#2f8a3b,#256e2f);color:#fff;padding:3rem 0 2.5rem;text-align:center}.blog-hero h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 .6rem}.blog-hero p{max-width:640px;margin:0 auto;color:#eaf6ec;font-size:1.05rem;line-height:1.6}.blog-grid-section{padding:2.5rem 0 3.5rem;background:#fff}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;border:1px solid var(--jf-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--jf-ink);background:#fff;transition:box-shadow .15s ease,transform .15s ease}.blog-card:hover{box-shadow:0 10px 28px #256e2f24;transform:translateY(-3px)}.blog-card-img{width:100%;height:190px;object-fit:cover;display:block}.blog-card-body{padding:1.1rem 1.2rem 1.35rem;display:flex;flex-direction:column;flex:1}.blog-card-cat{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--jf-green-dark);font-weight:700}.blog-card h2{font-size:1.18rem;line-height:1.3;margin:.4rem 0 .35rem}.blog-card-date{font-size:.85rem;color:var(--jf-muted)}.blog-card p{font-size:.95rem;line-height:1.55;color:var(--jf-ink);margin:.5rem 0 .9rem}.blog-card-more{margin-top:auto;color:var(--jf-green-dark);font-weight:600;font-size:.95rem}