.blog-wrap { max-width: 1180px; margin: 0 auto; padding: 28px 20px 56px; }
        .blog-hero { background: linear-gradient(135deg, #f6f8fc, #eef3ff); border: 1px solid #dfe6f4; border-radius: 18px; padding: 24px; margin-bottom: 26px; }
        .blog-hero p { margin: 10px 0 0; line-height: 1.65; color: #33455f; }
        .blog-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 22px; align-items: start; }
        .blog-cards { display: grid; gap: 16px; }
        .blog-card { display: grid; grid-template-columns: 220px 1fr; gap: 16px; border: 1px solid #e2e7f2; border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 10px 20px rgba(21, 37, 61, .06); }
        .blog-card-img { background: #eff3fb center/cover no-repeat; min-height: 160px; }
        .blog-card-body { padding: 14px 14px 14px 0; }
        .blog-date { font-size: .88rem; color: #586a85; margin: 0 0 6px; }
        .blog-card h2, .blog-card h3 { margin: 0 0 8px; font-size: 1.2rem; line-height: 1.35; }
        .blog-card p { margin: 0; color: #2f4059; line-height: 1.65; }
        .blog-card a { color: #0d3f95; text-decoration: none; }
        .blog-card a:hover { text-decoration: underline; }
        .blog-sidebar { display: grid; gap: 16px; }
        .blog-box { border: 1px solid #e2e7f2; border-radius: 14px; background: #fff; padding: 14px; }
        .blog-box h2, .blog-box h3 { margin: 0 0 10px; font-size: 1.05rem; }
        .blog-box ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
        .blog-box a { color: #0d3f95; text-decoration: none; }
        .blog-box a:hover { text-decoration: underline; }
        .blog-article { border: 1px solid #e2e7f2; border-radius: 16px; background: #fff; overflow: hidden; }
        .blog-article-cover { width: 100%; max-height: 380px; object-fit: cover; display: block; }
        .blog-article-body { padding: 20px; }
        .blog-content { line-height: 1.75; color: #1f2f46; }
        .blog-content h2, .blog-content h3 { margin-top: 1.4em; margin-bottom: .6em; line-height: 1.35; }
        .blog-content p { margin: 0 0 1em; }
        .blog-content ul, .blog-content ol { margin: 0 0 1em 1.2em; }
        .blog-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
        .blog-tag { background: #f0f4fd; border: 1px solid #dbe5fb; color: #17458f; border-radius: 999px; padding: 5px 11px; font-size: .85rem; text-decoration: none; }
        .blog-cta { margin-top: 20px; border: 1px solid #d8e5ff; background: #f5f9ff; border-radius: 12px; padding: 14px; }
        .blog-cta p { margin: 0 0 10px; color: #284264; }
        .blog-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
        .blog-btn { display: inline-flex; padding: 9px 14px; border-radius: 999px; text-decoration: none; font-weight: 600; }
        .blog-btn-primary { background: #dd4404; color: #fff; }
        .blog-btn-secondary { border: 1px solid #ced8ea; color: #233b61; background: #fff; }
        .blog-empty { border: 1px dashed #cbd7ea; border-radius: 12px; padding: 16px; color: #44566f; background: #fbfcff; }
        @media (max-width: 980px) {
            .blog-grid { grid-template-columns: 1fr; }
            .blog-card { grid-template-columns: 1fr; }
            .blog-card-body { padding: 14px; }
        }