.skeleton-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.skeleton-card {
  background: var(--bg-elevated);
  border-radius: var(--radius-lg);
  border: 1px solid var(--stone);
  border-top: 2px solid var(--gold-200);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.skeleton-header {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--stone-light);
  background: linear-gradient(180deg, var(--marble-light) 0%, var(--bg-elevated) 100%);
}

.skeleton-body {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.skeleton-line {
  background: linear-gradient(90deg, var(--stone-light) 25%, var(--gold-100) 50%, var(--stone-light) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  border-radius: var(--radius-xs);
  height: 14px;
}

.skeleton-title { width: 55%; height: 18px; }
.skeleton-badge { width: 25%; height: 24px; border-radius: var(--radius-full); }
.skeleton-text { width: 85%; }
.skeleton-text-short { width: 40%; }

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}