/* Science Spark Promotional Banner */
body.light-theme .science-spark-promo {
  background: linear-gradient(135deg, #4390e6, #76c0d1); /* Blue-green gradient from analysis */
  color: #ffffff;
  padding: 50px 15px;
  text-align: center;
  border-radius: 12px; /* Rounded corners */
  margin: 40px auto; /* Add vertical margin and center */
  max-width: 95%; /* Limit width slightly */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

body.light-theme .science-spark-promo .container {
    max-width: 800px;
}

body.light-theme .science-spark-promo h3 {
  color: #ffffff;
  font-weight: 600;
  font-size: 2em;
  margin-bottom: 15px;
}

body.light-theme .science-spark-promo p {
  color: #e0f7ff; /* Lighter text */
  font-size: 1.05em;
  margin-bottom: 25px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

body.light-theme .science-spark-promo .btn {
  background: linear-gradient(135deg, #ffeb3b, #fbc02d); /* Yellow/Orange gradient like screenshot button */
  color: #333; /* Dark text for yellow button */
  border: none;
  padding: 12px 30px;
  border-radius: 25px; /* Pill shape */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

body.light-theme .science-spark-promo .btn:hover {
  background: linear-gradient(135deg, #fbc02d, #ffeb3b);
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}




/* Smaller version for chapter pages */
body.light-theme .science-spark-promo.small {
  padding: 30px 15px; /* Reduced padding */
  margin: 30px auto; /* Reduced margin */
  max-width: 90%; /* Slightly narrower */
}

body.light-theme .science-spark-promo.small h3 {
  font-size: 1.6em; /* Smaller heading */
  margin-bottom: 10px;
}

body.light-theme .science-spark-promo.small p {
  font-size: 0.95em; /* Smaller text */
  margin-bottom: 20px;
}

body.light-theme .science-spark-promo.small .btn {
  padding: 10px 25px; /* Slightly smaller button */
  font-size: 0.9em;
}