.blog-article {
        max-width: 760px;
        margin: 0 auto;
        padding: 2rem 1.5rem 4rem;
        line-height: 1.8;
        color: #e0e0e6;
        font-family: 'Inter', sans-serif;
      }
      [data-theme="light"] .blog-article { color: #1a1a2e; }
      .blog-back { display: inline-block; margin: 1.5rem; font-size: 0.95rem; color: #aaa; text-decoration: none; }
      .blog-back:hover { color: #fff; }
      [data-theme="light"] .blog-back { color: #555; }
      [data-theme="light"] .blog-back:hover { color: #000; }
      .blog-article h1 { font-family: 'Manrope', sans-serif; font-size: 2.2rem; font-weight: 800; line-height: 1.25; margin-bottom: 0.5rem; color: #fff; }
      [data-theme="light"] .blog-article h1 { color: #0a0a0f; }
      .blog-meta { font-size: 0.9rem; color: #888; margin-bottom: 2rem; }
      .blog-article h2 { font-family: 'Manrope', sans-serif; font-size: 1.5rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 0.75rem; color: #fff; }
      [data-theme="light"] .blog-article h2 { color: #0a0a0f; }
      .blog-article h3 { font-family: 'Manrope', sans-serif; font-size: 1.2rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.5rem; color: #e0e0e6; }
      [data-theme="light"] .blog-article h3 { color: #1a1a2e; }
      .blog-article p { margin-bottom: 1.25rem; }
      .blog-article img { width: 100%; border-radius: 12px; margin: 1.5rem 0; }
      .blog-article a { color: #6c9fff; text-decoration: underline; }
      [data-theme="light"] .blog-article a { color: #2563eb; }
      .blog-article ul, .blog-article ol { margin-bottom: 1.25rem; padding-left: 1.5rem; }
      .blog-article li { margin-bottom: 0.5rem; }
      .blog-article blockquote { border-left: 3px solid #6c9fff; padding-left: 1rem; margin: 1.5rem 0; font-style: italic; color: #aaa; }
      [data-theme="light"] .blog-article blockquote { color: #555; }
      .blog-article table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.85rem; }
      .blog-article th, .blog-article td { padding: 0.6rem 0.5rem; border: 1px solid #2a2a3a; text-align: left; }
      [data-theme="light"] .blog-article th, [data-theme="light"] .blog-article td { border-color: #ddd; }
      .blog-article th { background: #1a1a2a; font-weight: 600; }
      [data-theme="light"] .blog-article th { background: #f0f0f5; }
      .blog-article .phrase-table { overflow-x: auto; }
      .blog-cta { background: linear-gradient(135deg, #1a1a2e, #2a2a4a); border-radius: 16px; padding: 2rem; text-align: center; margin-top: 3rem; }
      [data-theme="light"] .blog-cta { background: linear-gradient(135deg, #eef2ff, #e0e7ff); }
      .blog-cta h3 { color: #fff; margin-top: 0; }
      [data-theme="light"] .blog-cta h3 { color: #0a0a0f; }
      .blog-cta a.cta-btn { display: inline-block; background: #6c9fff; color: #000; font-weight: 700; padding: 0.75rem 2rem; border-radius: 50px; text-decoration: none; margin-top: 0.75rem; }
      .blog-cta a.cta-btn:hover { background: #5a8fee; }