/* Home owns its outer gutters and hero; individual card shapes are shared. */
.home-gallery-skeleton { padding: 0; }
@media (max-width: 699px) { .home-page .home-gallery-skeleton { width: auto; margin-inline: calc(12px - var(--ludio-content-gutter)); } }
.home-hero-skeleton {
  padding: 0;
}
.home-hero-skeleton > .loading-skeleton__content {
  gap: 0;
}
.home-hero-skeleton__cover {
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-width: 0;
  min-height: var(--home-size-banner, 144px);
  padding: var(--home-space-12, 12px);
  border-radius: var(--ludio-radius-lg);
}
.home-hero-skeleton__cover .loading-skeleton__block {
  background: var(--ludio-line-strong);
}
.home-hero-skeleton__cover .loading-skeleton__lines {
  flex: none;
  gap: var(--home-space-4, 4px);
}
.home-hero-skeleton__cover .loading-skeleton__lines > :first-child {
  width: 24%;
  height: var(--home-line-nav, 14px);
}
.home-hero-skeleton__cover .loading-skeleton__lines > :nth-child(2) {
  width: 72%;
  height: var(--home-line-bannerTitle, 24px);
}
.home-hero-skeleton__cover .loading-skeleton__lines > :last-child {
  width: 96%;
  height: var(--home-line-caption, 16px);
}
.home-hero-skeleton__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  height: 44px;
}
.home-hero-skeleton__pagination > .loading-skeleton__block {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.route-skeleton-home {
  padding-top: 0;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: none;
}
/* The cold catalog reserves the same toolbar and card gutters as Home. */
.route-skeleton-home { padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)); }
.home-catalog-skeleton { padding: 0; overflow: visible; }
.home-catalog-skeleton > .loading-skeleton__content { gap: 0; }
.route-skeleton-home__filters { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; margin-block: 4px; }
.route-skeleton-home__filters > div { display: flex; gap: 8px; min-width: 0; }
.route-skeleton-home__filters > div > span { width: 64px; height: 32px; border-radius: 999px; }
.route-skeleton-home__filters > .route-skeleton-home__filter { flex: none; width: 44px; height: 18px; }
.home-catalog-skeleton__cards {
  --home-skeleton-gap: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--home-skeleton-gap);
}
.home-catalog-skeleton__lane { display: flex; flex-direction: column; gap: var(--home-skeleton-gap); min-width: 0; }
.home-catalog-skeleton__lane > .story-gallery-skeleton__card { width: 100%; }
.home-catalog-skeleton__lane:nth-child(1) > :nth-child(2) .story-gallery-skeleton__cover,
.home-catalog-skeleton__lane:nth-child(2) > :nth-child(odd) .story-gallery-skeleton__cover { aspect-ratio: 3 / 4; }
@media (max-width: 699px) {
  .home-catalog-skeleton__cards { --home-skeleton-gap: 10px; }
  .route-skeleton-home .home-catalog-skeleton__cards { margin-inline: -4px; }
}