.insight-body { padding: 2.5rem 0 4rem; }
.insight-body .container { max-width: 720px; }
.insight-body h2 { font-size: 1.35rem; margin: 2rem 0 0.75rem; }
.insight-body p,
.insight-body li { color: var(--text-muted, #64748b); line-height: 1.7; margin-bottom: 1rem; }
.insight-body ul { padding-left: 1.25rem; margin-bottom: 1.5rem; }
.insight-body a { color: var(--accent, #6D28D9); text-decoration: underline; text-underline-offset: 2px; }
.insight-cta {
  margin-top: 2.5rem;
  padding: 1.5rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(109,40,217,.08), rgba(99,102,241,.06));
  border: 1px solid rgba(109,40,217,.15);
}
.insight-cta h3 { margin: 0 0 0.5rem; font-size: 1.1rem; }
.insight-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .insight-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
}
.insight-card {
  display: block;
  padding: 1.25rem;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.25);
  background: var(--surface, #fff);
  text-decoration: none;
  color: inherit;
  transition: border-color .2s, box-shadow .2s;
}
.insight-card:hover { border-color: rgba(109,40,217,.35); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.insight-card h3 { margin: 0 0 0.35rem; font-size: 1rem; }
.insight-card p { margin: 0; font-size: 0.9rem; color: var(--text-muted, #64748b); }