/* ============ DEPLOYED SOLUTIONS ============ */

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

.ds-group-label { font-size: 13px; color: var(--text-muted); font-weight: 500; margin: var(--sp-6) 0 var(--sp-3); text-transform: uppercase; letter-spacing: 0.03em; }
.ds-group-label:first-of-type { margin-top: 0; }

.ds-card { border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--sp-3); display: flex; flex-direction: column; gap: 10px; }
.ds-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.ds-card h4 { font-size: 15.5px; max-width: 80%; }
.ds-scale-tag { font-size: 11px; font-weight: 500; color: var(--text-muted); background: var(--neutral-050); padding: 3px 9px; border-radius: 10px; white-space: nowrap; }
.ds-card p { font-size: 13.5px; }
.ds-product-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; padding: 5px 11px; border-radius: 14px; width: fit-content; }
.ds-product-tag.linked { background: var(--teal-050); color: var(--teal-600); }
.ds-product-tag.custom { background: var(--neutral-100); color: var(--text-secondary); }