@import url('common.css');

/* ==========================================================================
   SDK IT Solutions - Solutions Page Styles (css/solutions.css)
   Aesthetic Reference: Stone & Chalk Articles Page UI
   ========================================================================== */

 

.solution-metric-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  padding: 0.4rem 0.75rem;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1E40AF;
  margin-bottom: 1.25rem;
}

.solution-architecture-points {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 1.5rem;
  font-size: 0.85rem;
  color: var(--color-gray-mid);
}

.solution-architecture-points li::before {
  content: '⚡ ';
  color: var(--color-purple);
}