:root {
      --primary-neon: #3b82f6;
      --secondary-neon: #60a5fa;
      --bg-dark: #0a0e1a;
      --bg-card: #1e2638;
      --text-primary: #e0e7ff;
      --text-muted: #94a3b8;
      --border-neon: #3b82f6;
      --shadow-glow: rgba(59, 130, 246, 0.4);
      --shadow-subtle: rgba(0, 0, 0, 0.3);
      --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
    }

  

    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
      background: linear-gradient(145deg, var(--bg-dark) 0%, #1a2236 100%);
      color: var(--text-primary);
      line-height: 1.6;
      min-height: 100vh;
      overflow-x: hidden;
    }

html, body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Arial, sans-serif;
  background: var(--bg-dark);
  color: var(--text-primary) !important;
  line-height: 1.6;
  padding: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

#review-page {
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background: var(--bg-dark);
  color: var(--text-primary) !important;
}

/* ------------------ */
/* Title & Summary */
/* ------------------ */
#review-title {
  font-size: 2.2rem !important;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  color: #00e0ff !important;
}

#review-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #1a1d27;
  border: 1px solid #00e0ff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  color: var(--text-primary) !important;
}

#review-logo {
  width: 140px;
  margin-right: 20px;
  border-radius: 8px;
}

#review-summary-content {
  flex: 1;
  color: var(--text-primary) !important;
}

#quick-review-heading {
  font-size: 1.5rem !important;
  margin-bottom: 10px;
  color: #ffcc00 !important;
}

#review-rating {
  font-weight: 600;
  color: #00ff9d !important;
  margin-bottom: 10px;
}

#pros-list,
#cons-list {
  list-style: none;
  padding-left: 0;
  margin: 10px 0;
}

#pros-list li {
  color: #00ff9d !important;
}
#cons-list li {
  color: #ff5c5c !important;
}

/* ------------------ */
/* Layout */
/* ------------------ */
#review-container {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 25px;
  max-width: 100%;
}

#review-article {
  background: #1a1d27;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #333;
  color: var(--text-primary) !important;
}

#featured-image {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* ------------------ */
/* Table of Contents */
/* ------------------ */
#toc {
  background: #222630;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 25px;
  border: 1px solid #00e0ff;
  color: var(--text-primary) !important;
}

#toc-heading {
  font-size: 1.3rem !important;
  margin-bottom: 10px;
  color: #ffcc00 !important;
}

#toc-list {
  list-style: none;
  padding-left: 0;
}

#toc-list li {
  margin: 8px 0;
}

#toc-list a {
  color: #00e0ff !important;
  text-decoration: none;
}
#toc-list a:hover {
  text-decoration: underline;
}

/* ------------------ */
/* Article Typography */
/* ------------------ */
#review-article h2 {
  font-size: 1.6rem !important;
  margin: 25px 0 10px;
  color: #ffcc00 !important;
}

#review-article h3 {
  font-size: 1.3rem !important;
  margin: 20px 0 8px;
  color: #00e0ff !important;
}

#review-article p {
  font-size: 1rem !important;
  margin-bottom: 15px;
  color: #e0e7ff !important;
}

#review-article ul {
  margin: 10px 0 20px 20px;
}

#review-article li {
  margin-bottom: 8px;
    color: white !important;
}

#review-article a {
  color: #00e0ff !important;
  text-decoration: none;
}
#review-article a:hover {
  text-decoration: underline;
}

/* ------------------ */
/* Sidebar */
/* ------------------ */
#review-sidebar {
  background: var(--bg-dark);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #333;
  color: var(--text-primary) !important;
}

#review-sidebar h3 {
  font-size: 1.2rem !important;
  margin-bottom: 12px;
  color: #ffcc00 !important;
}

#review-sidebar ul {
  list-style: none;
  padding-left: 0;
}

#review-sidebar li {
  margin-bottom: 10px;
}

#review-sidebar a {
  color: #00ff9d !important;
  text-decoration: none;
}
#review-sidebar a:hover {
  text-decoration: underline;
}

/* ------------------ */
/* Responsiveness */
/* ------------------ */
@media (max-width: 768px) {
  #review-container {
    grid-template-columns: 1fr;
  }
  #review-summary {
    flex-direction: column;
    text-align: center;
  }
  #review-logo {
    margin-bottom: 15px;
  }
}