.blog-index{color:#fff;max-width:960px;margin:0 auto;padding:40px 20px 80px}.blog-index h1{text-align:center;margin-bottom:30px;font-size:2.5em}.blog-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0;list-style:none;display:grid}.blog-card{color:#365e32;background:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 5px 27px 4px #0006}.blog-card a{color:inherit;text-decoration:none;display:block}.blog-card-hero{object-fit:cover;background:#e8e8e8;width:100%;height:180px;display:block}.blog-card-body{padding:20px}.blog-card h2{margin:0 0 10px;font-size:1.3em;line-height:1.3}.blog-card-meta{color:#6f6f6f;margin-bottom:12px;font-size:.85em}.blog-card-excerpt{color:#444;margin:0;font-size:.95em;line-height:1.5}.blog-post{color:#fff;max-width:760px;margin:0 auto;padding:40px 20px 80px}.blog-post-header{text-align:center;margin-bottom:30px}.blog-post-header h1{margin:0 0 12px;font-size:2.2em;line-height:1.2}.blog-post-meta{opacity:.8;font-size:.9em}.blog-post-hero{object-fit:cover;border-radius:8px;width:100%;max-height:460px;margin-bottom:30px}.blog-post-body{color:#2a2a2a;background:#fff;border-radius:8px;padding:40px;font-size:1.05em;line-height:1.7;box-shadow:0 2px 8px #0000001a}.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{color:#365e32;margin-top:1.5em;margin-bottom:.5em;line-height:1.3}.blog-post-body h2{font-size:1.6em}.blog-post-body h3{font-size:1.3em}.blog-post-body p{margin:0 0 1.2em}.blog-post-body a{color:#365e32;text-decoration:underline}.blog-post-body a:hover{color:#1d3a1c}.blog-post-body img{border-radius:6px;max-width:100%;height:auto;margin:1.5em 0}.blog-post-body ul,.blog-post-body ol{margin:0 0 1.2em 1.5em;padding:0}.blog-post-body li{margin-bottom:.5em}.blog-post-body strong{color:#365e32}.blog-post-back{color:#fff;margin-top:30px;text-decoration:underline;display:inline-block}.blog-empty{text-align:center;padding:60px 20px;font-size:1.1em}@media (max-width:600px){.blog-post-body{padding:24px}.blog-post-header h1{font-size:1.7em}}