body {
      background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('images/gambling-pattern.jpg') no-repeat center center fixed;
      background-size: cover;
      color: #fff;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      padding: 2rem;
    }

    .news-header {
      text-align: center;
      margin-bottom: 2rem;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

   .news-section {
  padding: 80px 20px;
  color: #fff;
  text-align: center;
}

.news-section .section-title {
  font-size: 2.8rem;
  margin-bottom: 40px;
  color: #ff4d4d;
}

.news-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* ... Keep your body and section styles as they were ... */

.news-card {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.2);
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  
  /* FIXED: Changed from 250px to allow more room for preview + image */
  max-height: 400px; 
  
  position: relative;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, transform 0.3s ease;
}

.news-card:hover {
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.7), 0 0 40px rgba(255, 0, 0, 0.3);
  transform: scale(1.01); /* Reduced scale slightly for better stability */
  border-color: rgba(255, 0, 0, 0.9);
}

/* Expanded card styling */
.news-card.expanded {
  /* FIXED: Set to a very large value to ensure long articles aren't cut off */
  max-height: 2000px; 
  background-color: rgba(0, 0, 0, 0.85); /* Slightly darker when reading */
}

.news-image {
  width: 100%;
  height: 220px; /* Slightly taller for a better look */
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 15px;
}

.news-full {
  font-size: 1.1rem; /* Slightly smaller than preview for better readability */
  line-height: 1.8;   /* Better spacing for long reading */
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1); /* Adds a nice divider */
  display: none; 
  color: #e0e0e0;
}

.news-card.expanded .news-full {
  display: block;
}

/* Optional: Hide the preview when the full article is open to save space */
.news-card.expanded .news-preview {
  display: none;
}