body { font-family: 'Poppins', sans-serif; }
    #mobileMenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-in-out;
    }
    #mobileMenu.active {
      max-height: 200px;
    }
    .update-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-in-out;
    }
    .update-content.expanded {
      max-height: 1000px;
    }
    .update-item {
      border: 1px solid rgba(75, 85, 99, 0.3);
      background: linear-gradient(145deg, rgba(31, 41, 55, 0.8), rgba(17, 24, 39, 0.8));
      backdrop-filter: blur(8px);
    }
    .chevron {
      transition: transform 0.3s ease;
    }
    .chevron.rotated {
      transform: rotate(180deg);
    }
    .markdown-content h1,
    .markdown-content h2,
    .markdown-content h3 {
      color: #818cf8;
      margin: 1rem 0 0.5rem 0;
    }
    .markdown-content h1 { font-size: 1.5rem; font-weight: 700; }
    .markdown-content h2 { font-size: 1.25rem; font-weight: 600; }
    .markdown-content h3 { font-size: 1.125rem; font-weight: 500; }
    .markdown-content p {
      margin: 0.5rem 0;
      line-height: 1.6;
    }
    .markdown-content ul, .markdown-content ol {
      margin: 0.5rem 0;
      padding-left: 1.5rem;
    }
    .markdown-content li {
      margin: 0.25rem 0;
    }
    .markdown-content code {
      background: rgba(55, 65, 81, 0.5);
      padding: 0.125rem 0.25rem;
      border-radius: 0.25rem;
      font-family: 'Courier New', monospace;
    }
    .markdown-content pre {
      background: rgba(55, 65, 81, 0.5);
      padding: 1rem;
      border-radius: 0.5rem;
      overflow-x: auto;
      margin: 1rem 0;
    }
    .markdown-content blockquote {
      border-left: 4px solid #6366f1;
      padding-left: 1rem;
      margin: 1rem 0;
      font-style: italic;
      color: #d1d5db;
    }
    
    .markdown-content table {
      width: 100%;
      border-collapse: collapse;
      margin: 1rem 0;
      background: rgba(31, 41, 55, 0.3);
      border-radius: 0.5rem;
      overflow: hidden;
      border: 1px solid rgba(75, 85, 99, 0.5);
    }
    
    .markdown-content th,
    .markdown-content td {
      padding: 0.75rem 1rem;
      text-align: left;
      border: 1px solid rgba(75, 85, 99, 0.3);
      word-wrap: break-word;
      max-width: 200px;
    }
    
    .markdown-content th {
      background: rgba(99, 102, 241, 0.2);
      color: #818cf8;
      font-weight: 600;
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.025em;
      border-bottom: 2px solid rgba(99, 102, 241, 0.3);
    }
    
    .markdown-content td {
      background: rgba(17, 24, 39, 0.3);
      color: #d1d5db;
      vertical-align: top;
    }
    
    .markdown-content tr:nth-child(even) td {
      background: rgba(31, 41, 55, 0.2);
    }
    
    .markdown-content tr:hover td {
      background: rgba(99, 102, 241, 0.1);
    }
    
    .markdown-content .table-container {
      overflow-x: auto;
      margin: 1rem 0;
      border-radius: 0.5rem;
      border: 1px solid rgba(75, 85, 99, 0.3);
    }
    
    @media (max-width: 768px) {
      .markdown-content th,
      .markdown-content td {
        padding: 0.5rem;
        font-size: 0.875rem;
        max-width: 150px;
      }
      
      .markdown-content th {
        font-size: 0.75rem;
      }
    }
    
    @media (max-width: 640px) {
      .markdown-content th,
      .markdown-content td {
        padding: 0.375rem 0.5rem;
        font-size: 0.8rem;
        max-width: 120px;
      }
    }