.ai-search-overview .skeleton {
  position: relative;
  overflow: hidden;
  background: #e9ecef;
  border-radius: 8px;
  min-height: 12px;
}

.ai-search-overview .skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  animation: smu-academy-ai-shimmer 1.5s infinite;
}

.ai-search-overview .skel-img {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
}

.ai-search-overview .skel-line-sm {
  height: 12px;
}

.ai-search-overview .skel-line-md {
  height: 16px;
}

.ai-search-overview .skel-line-lg {
  height: 24px;
}

.ai-search-overview .skel-gap-8 {
  margin-top: 8px;
}

.ai-search-overview .skel-gap-12 {
  margin-top: 12px;
}

.ai-search-overview .skel-gap-16 {
  margin-top: 16px;
}

.ai-search-overview .ai-collapse {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.ai-search-overview .ai-collapse.collapsed {
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@keyframes smu-academy-ai-shimmer {
  100% {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-search-overview .skeleton::after {
    animation: none;
  }
}