.blog-main{padding:40px 0 80px}.blog-head{max-width:760px;margin:10px 0 28px}.blog-head h1{font-size:2.4rem;margin:6px 0 0}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.blog-card{display:block;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(21,42,34,.06);transition:transform .16s,border-color .16s}
.blog-card:hover{transform:translateY(-3px);border-color:var(--green-2)}.blog-card h2{font-size:1.2rem;margin:10px 0 8px;line-height:1.4}.blog-card p{margin:0 0 12px;color:var(--muted);font-size:.92rem}.blog-card .more{color:var(--green-2);font-weight:800;font-size:.9rem}
.post-cat{display:inline-block;background:var(--soft);color:var(--green);font-weight:800;font-size:.78rem;padding:3px 10px;border-radius:20px}.post.container{max-width:780px}
.crumb{font-size:.84rem;color:var(--muted);margin:4px 0 14px}.crumb a{color:var(--green-2)}.post h1{font-size:2.1rem;line-height:1.3;margin:12px 0 6px}.post-meta{color:var(--muted);font-size:.86rem;margin:0 0 24px}
.post-body h2{font-size:1.4rem;color:var(--green);margin:32px 0 12px;border-left:5px solid var(--amber);padding-left:12px}.post-body p{margin:12px 0;line-height:1.85}
.post-list{display:grid;gap:9px;margin:12px 0;padding-left:20px}.post-list li{line-height:1.7}
.post-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.07)}.post-table th{background:var(--green);color:#fff;text-align:left;padding:11px 13px}.post-table td{padding:11px 13px;border-top:1px solid var(--line)}.post-table tr:nth-child(even){background:var(--soft)}
.muted{color:var(--muted);font-size:.86rem}.post-cta{margin:36px 0 10px;padding:26px;border-radius:12px;background:var(--soft);border:1px solid var(--line);text-align:center}.post-cta h3{margin:0 0 8px;color:var(--green)}.post-cta .button{margin:6px 4px 0}
.post-related{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.post-related ul{padding-left:18px}.post-related a{color:var(--green-2);font-weight:700}
@media(max-width:680px){.blog-grid{grid-template-columns:1fr}.post h1{font-size:1.6rem}}