.work-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
  margin-top: var(--space-xl);
}

.summary-card {
  display: grid;
  gap: 3px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  text-align: left;
}

.summary-card strong {
  color: var(--brand);
  font-size: 24px;
}

.summary-card span {
  color: var(--text-secondary);
  font-size: 12px;
}