.blog-list-wrapper{max-width:1200px;margin:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px}.blog-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-card-img{width:100%;height:240px;object-fit:cover}.blog-card-body{padding:18px;text-align:center}.blog-card-body h2{font-size:22px;margin-bottom:10px}.blog-card-body p{font-size:15px;color:#555;line-height:1.6}.read-more-btn{margin-top:14px;background:none;border:none;color:#1d4ed8;font-weight:700;cursor:pointer;font-size:14px}.blog-detail-wrapper{max-width:1500px;margin:auto;padding:32px 16px}.blog-detail-img{width:100%;height:800px;border-radius:12px;margin-bottom:24px}.blog-detail-title{font-size:34px;margin-bottom:20px;line-height:1.3}.blog-detail-content{font-size:16px;line-height:1.9;color:#333}.blog-detail-content h2,.blog-detail-content h3{margin-top:24px}.blog-detail-content img{max-width:100%;margin:20px 0;border-radius:8px}@media (max-width:768px){.blog-card-img{height:200px}.blog-detail-title{font-size:26px}}@media (max-width:480px){.blog-card-body h2{font-size:20px}.blog-card-body p{font-size:14px}}@media (max-width:768px){.blog-detail-img{height:280px}}@media (max-width:480px){.blog-detail-img{height:220px}}.blog-section-label{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:1.5px;color:#777;text-transform:uppercase}.blog-header{max-width:1100px;margin:40px auto 32px}.blog-list-page{padding-top:40px}.blog-list-header{max-width:1200px;margin:0 auto 32px;padding:0 24px}.blog-list-title{font-size:32px;margin:0;line-height:1.2}