.blog-hero-image {
      width: 100%;
      height: auto;
      border-radius: 16px;
      margin: 0 0 2rem;
      display: block;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10);
    }
    .blog-content { font-size: 1.05rem; line-height: 1.8; color: #2d2d2d; }
    .blog-content h2 { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.4rem; }
    .blog-content h3 { margin-top: 1.5rem; margin-bottom: 0.75rem; font-size: 1.2rem; }
    .blog-content p { margin-bottom: 1.2rem; }
    .blog-content ul, .blog-content ol { margin-bottom: 1.2rem; padding-left: 1.5rem; }
    .blog-content li { margin-bottom: 0.5rem; }
    .blog-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 1rem 0; }
    .blog-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }
    .blog-content th, .blog-content td { padding: 10px 12px; border: 1px solid #dee2e6; text-align: left; }
    .blog-content th { background: #f8f9fa; font-weight: 600; }
    .blog-content blockquote { border-left: 4px solid #0056b3; padding: 12px 20px; margin: 1.5rem 0; background: #f8f9fa; border-radius: 4px; }
    .blog-cta { background: linear-gradient(135deg, #0056b3, #0077cc); color: #fff; border-radius: 12px; padding: 32px; text-align: center; margin-top: 3rem; }
    .blog-cta h3 { color: #fff; margin-bottom: 12px; }
    .blog-cta a { color: #fff; background: rgba(255,255,255,0.2); border: 2px solid #fff; padding: 10px 24px; border-radius: 8px; text-decoration: none; display: inline-block; margin-top: 12px; font-weight: 600; }
    .blog-cta a:hover { background: #fff; color: #0056b3; }