/* ============ SOLUTION DETAIL PAGE ============ */

.sp-hero { padding: var(--sp-10) 0 var(--sp-6); border-bottom: 1px solid var(--border); }

.flow-row { display:flex; align-items:center; gap: var(--sp-2); flex-wrap:wrap; }
.flow-step { flex:1; min-width:140px; border:1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; text-align:center; font-size:13.5px; font-weight:500; color: var(--text-primary); }
.flow-arrow { color: var(--text-muted); font-size:18px; }

.cap-cluster { border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--sp-3); }
.cap-cluster h4 { margin-bottom:6px; font-size:15.5px; }
.cap-cluster p { font-size:13.5px; }

.integration-chip { display:inline-block; font-size:13px; font-weight:500; padding:6px 14px; border:1px solid var(--border-strong); border-radius:16px; margin:0 8px 8px 0; color: var(--text-secondary); }