.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-16) 0;
}

.text {
  font-size: var(--text-sm);
  color: var(--ppt-text-muted);
  margin: 0;
}

.inline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.inlineText {
  font-size: var(--text-sm);
  color: var(--ppt-text-muted);
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-6);
}

.cardSkel {
  background: var(--ppt-surface);
  border: 1px solid var(--ppt-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.skelImg {
  height: 200px;
  border-radius: 0;
}

.skelBody {
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.skelLine { height: 14px; border-radius: var(--radius-sm); }
.lg { width: 70%; }
.md { width: 50%; }
.sm { width: 35%; }