/* ECS Blog styles - header/footer styles come from header.html / footer.html */
.blog-wrap{max-width:860px;margin:0 auto;padding:130px 20px 60px;font-family:'Poppins',Arial,sans-serif;color:#1f2937;line-height:1.75;font-size:16.5px}
.blog-wrap *{box-sizing:border-box}
.blog-wrap h1{font-size:2.05rem;line-height:1.25;color:#1e723d;margin:0 0 14px;font-weight:700}
.blog-wrap h2{font-size:1.45rem;line-height:1.3;color:#1e723d;margin:42px 0 12px;font-weight:600;padding-top:6px}
.blog-wrap h3{font-size:1.15rem;color:#247642;margin:26px 0 8px;font-weight:600}
.blog-wrap p{margin:0 0 16px}
.blog-wrap a{color:#189546;text-decoration:underline;text-underline-offset:2px}
.blog-wrap a:hover{color:#1e723d}
.blog-wrap ul,.blog-wrap ol{margin:0 0 18px 0;padding-left:24px}
.blog-wrap li{margin:0 0 8px}
.crumbs{font-size:.85rem;color:#6b7280;margin-bottom:18px}
.crumbs a{color:#6b7280;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.post-meta{font-size:.88rem;color:#6b7280;margin:0 0 22px}
.lead{font-size:1.1rem;color:#374151}
.notice{background:#fff7e6;border:1px solid #f5c26b;border-left:6px solid #e08a00;border-radius:10px;padding:18px 20px;margin:0 0 28px}
.notice strong.t{display:block;font-size:1.05rem;color:#8a4b00;margin-bottom:6px}
.notice p:last-child{margin-bottom:0}
.toc{background:#f3fef7;border:1px solid #dbfbe7;border-radius:10px;padding:16px 22px;margin:0 0 30px}
.toc strong{color:#1e723d}
.toc ol{margin:8px 0 0;padding-left:20px}
.toc li{margin:0 0 4px}
.table-wrap{overflow-x:auto;margin:0 0 22px}
.blog-wrap table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.blog-wrap th{background:#1e723d;color:#fff;text-align:left;padding:10px 12px;font-weight:600}
.blog-wrap td{padding:10px 12px;border-bottom:1px solid #e5e5e5;vertical-align:top}
.blog-wrap tr:nth-child(even) td{background:#f9fefb}
.cta{background:linear-gradient(135deg,#1e723d,#247642);color:#fff;border-radius:14px;padding:26px 24px;margin:38px 0;text-align:center}
.cta h2{color:#fff;margin:0 0 8px;font-size:1.3rem}
.cta p{color:#ebfcf1;margin:0 0 16px}
.cta a.btn{display:inline-block;background:#18956c;color:#0b4721;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:30px;margin:4px 6px}
.cta a.btn.alt{background:#fff}
.cta a.btn:hover{color:#0b4721;opacity:.9}
.qa{border:1px solid #dbfbe7;border-radius:10px;padding:14px 18px;margin:0 0 14px;background:#fff}
.qa p{margin:0 0 8px}
.qa ul{list-style:none;padding-left:0;margin:0 0 10px}
.qa li{margin:0 0 4px}
.qa details summary{cursor:pointer;color:#189546;font-weight:600}
.qa details p{margin:8px 0 0;color:#14532d;background:#ecfdf3;border-radius:8px;padding:10px 12px}
.faq-q{font-weight:600;color:#1e723d;margin:0 0 4px}
.related{border-top:2px solid #e5e5e5;margin-top:44px;padding-top:6px}
.disclaimer{font-size:.85rem;color:#6b7280;border-top:1px solid #e5e5e5;margin-top:34px;padding-top:14px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:26px 0}
.post-card{display:block;border:1px solid #dbfbe7;border-radius:14px;padding:22px;background:#fff;text-decoration:none!important;color:#1f2937!important;box-shadow:0 2px 8px rgba(30, 114, 61,.06);transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30, 114, 61,.14)}
.post-card h2{font-size:1.1rem;margin:0 0 8px;padding:0;color:#1e723d}
.post-card p{font-size:.92rem;color:#4b5563;margin:0 0 10px}
.post-card span{font-size:.85rem;color:#189546;font-weight:600}
@media(max-width:640px){.blog-wrap{padding-top:110px;font-size:16px}.blog-wrap h1{font-size:1.65rem}.blog-wrap h2{font-size:1.28rem}}
