.article-content {
      max-width: 800px;
      margin: 0 auto;
    }
    
    .article-content p {
      margin-bottom: 1.5rem;
      line-height: 1.8;
    }
    
    .article-content h2 {
      font-size: 1.875rem;
      font-weight: 800;
      margin-top: 3rem;
      margin-bottom: 1.5rem;
      color: white;
    }
    
    .article-content h3 {
      font-size: 1.5rem;
      font-weight: 700;
      margin-top: 2.5rem;
      margin-bottom: 1rem;
      color: #e0e7ff;
    }
    
    .article-content ul, .article-content ol {
      margin-bottom: 1.5rem;
      padding-left: 1.5rem;
    }
    
    .article-content li {
      margin-bottom: 0.75rem;
      line-height: 1.7;
    }
    
    .article-content blockquote {
      border-left: 4px solid #4f46e5;
      padding-left: 1.5rem;
      margin: 2rem 0;
      font-style: italic;
      color: #c7d2fe;
    }

        /* Breadcrumb */
    .breadcrumb {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 2rem;
    }
    
    .breadcrumb a {
      color: rgba(255, 255, 255, 0.7);
      transition: color 0.2s;
    }
    
    .breadcrumb a:hover {
      color: rgba(255, 255, 255, 0.9);
    }
    
    .breadcrumb .separator {
      color: rgba(255, 255, 255, 0.4);
    }
    
    .breadcrumb .current {
      color: white;
      font-weight: 600;
    }
    
    /* Related articles images */
    .related-article-img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 1rem 1rem 0 0;
      margin-bottom: 1rem;
    }