/* ===================== Shared loading skeleton ===================== */

.skel{
  position:relative;
  overflow:hidden;
  background:#181b26;
}

.skel::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 50%,
    rgba(255,255,255,0) 100%
  );
  animation:skelShimmer 1.4s ease-in-out infinite;
}

@keyframes skelShimmer{
  100%{ transform:translateX(100%); }
}

@media (prefers-reduced-motion: reduce){
  .skel::after{ animation:none; }
}