/* ===== Blogue Experts NetWeb ===== */
.blog-article-wrap{max-width:820px;margin:0 auto;padding:70px 20px 40px;}
.blog-article-wrap .article-meta{color:#8A8FA3;font-size:14px;margin-bottom:18px;}
.blog-article-wrap .article-meta span{margin-right:14px;}
.blog-article-wrap .article-lead{font-size:19px;line-height:1.7;color:#33354b;font-weight:500;margin-bottom:30px;}
.blog-article-wrap h2{font-size:28px;font-weight:700;color:#000e52;margin:44px 0 16px;line-height:1.3;}
.blog-article-wrap h3{font-size:21px;font-weight:700;color:#000e52;margin:32px 0 12px;line-height:1.3;}
.blog-article-wrap p{font-size:16px;line-height:1.8;color:#3c3e4d;margin-bottom:16px;}
.blog-article-wrap ul{margin:0 0 20px 0;padding-left:22px;}
.blog-article-wrap ul li{font-size:16px;line-height:1.8;color:#3c3e4d;margin-bottom:8px;}
.blog-article-wrap a{color:#C83522;text-decoration:underline;text-decoration-color:rgba(200,53,34,0.35);text-underline-offset:2px;font-weight:600;}
.blog-article-wrap a:hover{text-decoration-color:#C83522;}
.blog-article-wrap figure{margin:32px 0;text-align:center;}
.blog-article-wrap figure img{max-width:100%;height:auto;border-radius:10px;border:1px solid #eee;}
.blog-article-wrap figcaption{font-size:13px;color:#8A8FA3;margin-top:10px;font-style:italic;}
.blog-article-wrap blockquote{border-left:4px solid #C83522;background:#faf5f4;padding:18px 24px;margin:28px 0;border-radius:0 8px 8px 0;}
.blog-article-wrap blockquote p{font-size:17px;font-style:italic;color:#000e52;margin-bottom:8px;}
.blog-article-wrap blockquote footer{font-size:14px;color:#8A8FA3;font-style:normal;}
.blog-article-wrap .table-wrap{overflow-x:auto;margin:28px 0;}
.blog-article-wrap table{width:100%;border-collapse:collapse;font-size:14px;}
.blog-article-wrap table th{background:#000e52;color:#fff;text-align:left;padding:12px 14px;font-weight:600;}
.blog-article-wrap table td{padding:12px 14px;border-bottom:1px solid #eee;color:#3c3e4d;}
.blog-article-wrap table tr:nth-child(even) td{background:#faf9fb;}

.article-toc{background:#f4f4f8;border:1px solid #e5e5ee;border-radius:10px;padding:22px 26px;margin:30px 0;}
.article-toc .toc-title{font-weight:700;color:#000e52;margin-bottom:10px;font-size:15px;}
.article-toc ul{margin:0;padding-left:20px;columns:1;}
.article-toc li{font-size:14.5px;margin-bottom:6px;}
.article-toc a{color:#33354b;text-decoration:none;font-weight:500;}
.article-toc a:hover{color:#C83522;text-decoration:underline;}

.key-takeaways{background:#fff6f5;border:1px solid #f3d9d6;border-left:4px solid #C83522;border-radius:8px;padding:20px 26px;margin:26px 0;}
.key-takeaways .kt-title{font-weight:700;color:#000e52;margin-bottom:10px;font-size:15px;}
.key-takeaways ul{margin:0;padding-left:20px;}
.key-takeaways li{font-size:14.5px;color:#3c3e4d;margin-bottom:6px;}

.article-cta{background:#000e52;border-radius:12px;padding:34px 30px;margin:44px 0 20px;text-align:center;}
.article-cta h3{color:#fff;margin-top:0;font-size:22px;}
.article-cta p{color:#c9cbe0;margin-bottom:20px;}
.article-cta a.btn-cta{display:inline-block;background:#C83522;color:#fff;padding:13px 32px;border-radius:6px;font-weight:700;text-decoration:none;font-size:15px;}
.article-cta a.btn-cta:hover{background:#a82c1c;}

/* Blog listing */
.blog-listing{max-width:1140px;margin:0 auto;padding:70px 20px 60px;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;}
.blog-card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s, transform .2s;display:flex;flex-direction:column;}
.blog-card:hover{box-shadow:0 12px 30px rgba(0,0,0,0.1);transform:translateY(-3px);}
.blog-card img{width:100%;height:180px;object-fit:contain;background:#F4F4F8;padding:10px;box-sizing:border-box;}
.blog-card .blog-card-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;}
.blog-card .blog-card-cat{font-size:12px;font-weight:700;color:#C83522;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.blog-card h2{font-size:19px;font-weight:700;color:#000e52;margin:0 0 10px;line-height:1.35;}
.blog-card h2 a{color:#000e52;text-decoration:none;}
.blog-card h2 a:hover{color:#C83522;}
.blog-card p{font-size:14.5px;color:#666;line-height:1.6;flex:1;margin-bottom:16px;}
.blog-card .read-more{font-size:14px;font-weight:700;color:#C83522;text-decoration:none;}

@media (max-width:767px){
  .blog-article-wrap{padding:40px 16px 30px;}
  .blog-article-wrap h2{font-size:23px;}
  .blog-article-wrap h3{font-size:19px;}
}