/* Blog Grid Module – white/green theme (minified, v2) */
.article-grid-main-container{background:#fff;border:1px solid #e2e8e4;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:30px;margin-bottom:20px;font-family:'Outfit',-apple-system,'Segoe UI',sans-serif;color:#1f2a24}
.article-grid-header{display:flex;justify-content:center;align-items:center;margin-bottom:8px}
.article-grid-header h2{font-size:22px;font-weight:700;color:#1f2a24}
.article-grid-tabs{display:flex;justify-content:center;gap:20px;border-bottom:2px solid #eef3f0;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}
.article-grid-tabs::-webkit-scrollbar{display:none}
.article-grid-tab-link{padding:10px 0;font-weight:600;color:#6b7770;cursor:pointer;transition:.3s;white-space:nowrap;border-bottom:3px solid transparent}
.article-grid-tab-link.active{color:#178045;border-bottom-color:#1f9d55}
.article-grid-items{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}
.article-grid-card{border:1px solid #e2e8e4;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.article-grid-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-3px);border-color:#cfe9da}
.article-grid-thumbnail img{width:100%;height:160px;object-fit:cover}
.article-grid-content{padding:15px;flex-grow:1}
.article-grid-title{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:10px;color:#1f2a24;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-grid-meta{font-size:12px;color:#6b7770;margin-bottom:10px}
.article-grid-excerpt{font-size:13px;color:#6b7770;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-grid-read-btn{display:block;background:#1f9d55;color:#fff!important;text-align:center;padding:10px;border-radius:6px;font-weight:600;text-decoration:none!important;transition:.3s}
.article-grid-read-btn:hover{background:#178045}
.article-grid-footer{text-align:center;border-top:1px solid #eef3f0;padding-top:20px}
.article-grid-view-all-link{color:#178045;font-weight:700;text-decoration:none;font-size:15px;transition:.3s}
.article-grid-view-all-link:hover{color:#1f9d55}
@media (max-width:768px){.article-grid-items{display:flex;overflow-x:auto;gap:14px;padding-bottom:15px;scrollbar-width:none}.article-grid-items::-webkit-scrollbar{display:none}.article-grid-card{flex:0 0 80%;min-width:240px}.article-grid-tabs{gap:14px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-left:2px;scroll-padding-left:2px}.article-grid-header h2{font-size:18px}}
@media (max-width:480px){.article-grid-main-container{padding:14px}.article-grid-items{gap:10px}.article-grid-card{flex:0 0 88%;min-width:220px}}

/* mobile full-bleed: remove left/right gap (v3) */
@media (max-width:768px){.article-grid-main-container{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:none;border-right:none;border-radius:0}}