/* Global text contrast improvements */
.lead, p:not(.section-title):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.pricing-price):not(.hero-title):not(.hero-subtitle):not(.section-subtitle), 
.faq-content, 
.pricing-description {
  color: rgba(var(--current-text-muted-rgb, 160, 160, 160), 0.85);
}

/* Make headings stand out more with improved contrast */
h1, h2, h3, h4, h5, h6, 
.section-title, 
.pricing-title, 
.card-title,
.problem-content h4, 
.benefit-content h4 {
  color: var(--current-text);
  font-weight: 700;
}

/* Additional styles for problem-solution symmetry */
.problem-list, .solution-benefits {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.problem-item, .benefit-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* Ensure the cards have the same styling */
.problem-card, .solution-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}