/* One featured-card skin for the calendar, checkout and WordPress frame preview. */
.kpg-app .kpg-featured-grid .kpg-card-featured { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 0; margin: 0; border: 1px solid #d7dfeb; border-left: 6px solid var(--kpg-accent, #64748b); border-radius: 12px; overflow: hidden; background: #292d33; color: #f5f7fb; text-align: left; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-image { display: block; flex: none; position: relative; width: 100%; height: 94px; overflow: hidden; }
/* The spacer preserves the original 94px header and content-driven card height. */
.kpg-app .kpg-featured-grid .kpg-card-photo::before { content: ""; display: block; flex: 0 0 94px; width: 100%; pointer-events: none; }
.kpg-app .kpg-featured-grid .kpg-card-photo .kpg-card-image { position: absolute; inset: 0; height: 100%; z-index: -1; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-body { position: relative; display: flex; flex: 1; flex-direction: column; min-width: 0; width: 100%; box-sizing: border-box; padding: 10px 12px 11px; gap: 5px; background: rgba(41,45,51,.9); }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-title { color: #f5f7fb; font: 700 16px/1.3 Roboto, Arial, sans-serif; min-height: 2.6em; overflow-wrap: anywhere; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-date { color: #c7d0dc; font-size: 13px; font-weight: 600; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-date > span { color: #e60030; margin-right: 6px; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-card-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-tag { display: inline-block; background: var(--kpg-pastel,#edf1f6); color: var(--kpg-ink,#40516b); padding: 4px 7px; font-size: 12px; line-height: 1.25; border-radius: 5px; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-tag-neutral { background: #f0f3f7; color: #566076; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-tags-more { color: #c7d0dc; font-size: 12px; align-self: center; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-free-badge { display: inline-block; align-self: flex-start; width: fit-content; padding: 3px 7px; border-radius: 5px; background: #ddf5e7; color: #176a3a; font-size: 12px; font-weight: 700; line-height: 1.4; }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-image-placeholder { background: linear-gradient(120deg,var(--kpg-pastel,#edf1f6),#e4e5e8); }
.kpg-app .kpg-featured-grid .kpg-card-featured .kpg-placeholder-symbol { display: block; color: var(--kpg-accent,#64748b); opacity: .55; font-size: 72px; line-height: 94px; text-align: right; padding-right: 25px; }
.kpg-admin-card-preview { width: 340px; max-width: 100%; margin-top: 12px; padding: 0; background: transparent; font: 14px/1.45 "Open Sans", Arial, sans-serif; }
.kpg-admin-card-preview .kpg-featured-grid { display: block; }
.kpg-admin-card-preview .kpg-card-featured { width: 100%; box-sizing: border-box; }
.kpg-admin-card-preview *, .kpg-admin-card-preview *::before { box-sizing: border-box; }