/* CIA Reusable Lead Card Component
   Two variants sharing one system:
   - lead-card--question (Variant A): educational articles, low-pressure
   - lead-card--action   (Variant B): coverage pages, higher-intent
*/

.lead-card {
  border-radius: 12px;
  padding: 24px 28px;
  margin: 32px 0;
  font-family: "Open Sans", sans-serif;
}

.lead-card-headline {
  font-size: 1.05rem;
  font-weight: 800;
  color: #2C4460;
  margin-bottom: 10px;
  line-height: 1.35;
}

.lead-card-body {
  font-size: 0.92rem;
  color: #3D5A80;
  line-height: 1.6;
  margin-bottom: 18px;
}

.lead-card-cta {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 22px;
  border-radius: 8px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.lead-card-cta:hover {
  transform: translateY(-1px);
}

/* Variant A: Educational / Question — low-pressure, article context */
.lead-card--question {
  background: #FBF6EA;
  border-top: 3px solid #C9A84C;
  border-left: 3px solid #C9A84C;
}

.lead-card--question .lead-card-cta {
  background: #FFFFFF;
  color: #2C4460;
  border: 1.5px solid #C9A84C;
}

.lead-card--question .lead-card-cta:hover {
  background: #2C4460;
  color: #FFFFFF;
  border-color: #2C4460;
}

/* Variant B: Quote / Review — higher intent, coverage-page context */
.lead-card--action {
  background: #F7F9FC;
  border-top: 3px solid #2C4460;
  border-left: 3px solid #2C4460;
}

.lead-card--action .lead-card-cta {
  background: #2C4460;
  color: #FFFFFF;
}

.lead-card--action .lead-card-cta:hover {
  background: #1C2B3A;
  box-shadow: 0 4px 14px rgba(44, 68, 96, 0.25);
}

@media (max-width: 680px) {
  .lead-card {
    padding: 20px 20px;
    margin: 24px 0;
  }
}