/* ================================================
   RESOURCES BLOG LOOP — Skeleton Loading State
================================================ */

@keyframes rbl-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}

.rbl-skeleton-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(90deg, #e8ecf4 25%, #d0d7e8 50%, #e8ecf4 75%);
  background-size: 600px 100%;
  animation: rbl-shimmer 1.4s infinite linear;
}

.rbl-skeleton-line {
  height: 12px;
  border-radius: 6px;
  margin-bottom: 10px;
  background: linear-gradient(90deg, #e8ecf4 25%, #d0d7e8 50%, #e8ecf4 75%);
  background-size: 600px 100%;
  animation: rbl-shimmer 1.4s infinite linear;
}

.rbl-skeleton-line--sm {
  width: 40%;
}

.rbl-skeleton-line--md {
  width: 70%;
}

.rbl-skeleton-line--lg {
  width: 90%;
  height: 16px;
}