/* Additional styles for expanded content */
.expanded-content {
  margin-top: 1.5rem;
  padding: 1.5rem;
  background-color: rgba(123, 189, 194, 0.1);
  border-left: 4px solid var(--primary-blue);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  display: none; /* Hidden by default */
}

.expanded-content h3 {
  font-size: var(--h4-size);
  color: var(--dark-blue);
  margin-bottom: 1rem;
}

.expanded-content p {
  margin-bottom: 1rem;
}

.read-more {
  position: relative;
  padding-right: 1.5rem;
}

.read-more::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform var(--transition-normal);
}

.read-more.active::after {
  content: '-';
  transform: translateY(-50%) rotate(180deg);
}

/* Animation for expanded content */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.expanded-content.visible {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

/* Responsive adjustments for expanded content */
@media (max-width: 768px) {
  .expanded-content {
    padding: 1rem;
  }
}