/*
 * sd-cta-panel — call-to-action section (Session 2.3; approved pattern D-026 item 4)
 * Default: light blue panel with a blue left line (meeting CTA, end of pages).
 * Variant brand: blue band (sd-section--brand), for intentional use only (Blueprint 3.10).
 * One primary action ("Book a Free Meeting" or "Find Your Solution"), optionally one secondary (Blueprint 10.25).
 */

.sd-cta-panel {
  display: grid;
  gap: var(--sd-space-5);
  align-items: center;
  padding: var(--sd-space-6) var(--sd-space-5);
  border: var(--sd-border-width) solid var(--sd-color-card-divider);
  border-left: 4px solid var(--sd-color-brand-blue);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-blue-050);
}

@media (min-width: 1024px) {
  .sd-cta-panel {
    grid-template-columns: 7fr 5fr;
    padding: var(--sd-space-7);
  }
}

.sd-cta-panel__text { display: grid; gap: var(--sd-space-3); }
.sd-cta-panel__title { max-width: 24ch; }

.sd-cta-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd-space-3);
}

@media (min-width: 1024px) {
  .sd-cta-panel__actions { justify-content: flex-end; }
}

/* Compact: inside a content column (e.g. after an article or a product description) */
.sd-cta-panel--compact {
  grid-template-columns: 1fr;
  padding: var(--sd-space-5);
}

.sd-cta-panel--compact .sd-cta-panel__actions { justify-content: flex-start; }