/* ─────────────────────────────────────────────────────────────────
   block-simpler-solution — image + CTA contrast block.
   Centerpiece image followed by a primary CTA. Section title and
   button styling inherit from design-system.css.
   ───────────────────────────────────────────────────────────────── */

.block-simpler-solution {
  position: relative;
}

/* Hero centerpiece image — bigger radius + lg shadow signature */
.block-simpler-solution img.img-fluid {
  border-radius: var(--ds-radius-lg);
  box-shadow: var(--ds-shadow-lg);
  margin-bottom: var(--ds-space-7);
  width: 100%;
  height: auto;
  background: var(--scheme-card-bg);
}

/* Override the legacy mb-8 utility with our token */
.block-simpler-solution img.mb-8 { margin-bottom: var(--ds-space-7); }

.block-simpler-solution .btn-primary i {
  margin-left: var(--ds-space-2);
}

@media (max-width: 600px) {
  .block-simpler-solution img.img-fluid {
    margin-bottom: var(--ds-space-5);
    border-radius: var(--ds-radius);
  }
}