/* ── Entity Colcade Widget ────────────────────────────────────────────────── */
/* Colcade has no external CSS — column widths + gap are driven entirely by
   per-instance inline <style> tags emitted by the renderer using the
   author's column_count + gap_px settings. */

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

.entity-colcade-grid {
    display: flex;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.entity-colcade-grid > .colcade-col {
    box-sizing: border-box;
}
.colcade-item { box-sizing: border-box; }

/* Design-mode skeleton — fake 3-column tile grid */
.entity-colcade-skeleton-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 4px 0;
}
.entity-colcade-skeleton {
    background: #f5f7fa;
    border: 1px dashed #c0cad8;
    border-radius: 4px;
    animation: colcade-shimmer 1.4s infinite;
}
.entity-colcade-skeleton:nth-child(3n+1) { min-height: 180px; }
.entity-colcade-skeleton:nth-child(3n+2) { min-height: 240px; animation-delay: .15s; }
.entity-colcade-skeleton:nth-child(3n+3) { min-height: 200px; animation-delay: .30s; }
@keyframes colcade-shimmer { 0%,100%{opacity:1} 50%{opacity:.5} }

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