/* ── Entity Packery Widget ────────────────────────────────────────────────── */
/* Packery has no external CSS — item width + gutter are driven by
   per-instance inline <style> tags emitted by the renderer. */

.entity-packery-widget { display: block; width: 100%; }
.entity-packery-title  { margin-bottom: 12px; }
.entity-packery-body   { display: block; width: 100%; }

.entity-packery-grid { width: 100%; }
.packery-item { box-sizing: border-box; }

/* Design-mode skeleton */
.entity-packery-skeleton-grid {
    display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0;
}
.entity-packery-skeleton {
    background: #f5f7fa;
    border: 1px dashed #c0cad8;
    border-radius: 4px;
    animation: packery-shimmer 1.4s infinite;
}
.entity-packery-skeleton:nth-child(odd)  { flex: 0 0 200px; min-height: 180px; }
.entity-packery-skeleton:nth-child(even) { flex: 0 0 280px; min-height: 220px; animation-delay: .2s; }
@keyframes packery-shimmer { 0%,100%{opacity:1} 50%{opacity:.5} }

.entity-packery-empty { padding: 20px; text-align: center; color: #6b7a8d; font-size: 13px; }