/* 1.17.2: ghost cards that end a thin category page (includes/archive.php). Each ghost says which screen sizes
   need it (is-d laptops, is-t tablets, is-m phones), at Blocksy's own breakpoints. Colours come from the theme's
   palette, so light and dark mode both follow. */
.entries article.entry-card.drc-ghostcard { display: none; flex-direction: column; }
@media (min-width: 1000px) { .entries article.entry-card.drc-ghostcard.is-d { display: flex; } }
@media (min-width: 690px) and (max-width: 999.98px) { .entries article.entry-card.drc-ghostcard.is-t { display: flex; } }
@media (max-width: 689.98px) { .entries article.entry-card.drc-ghostcard.is-m { display: flex; } }

.drc-gc__bar { display: block; height: 13px; border-radius: 7px; background: var(--theme-palette-color-5, #e8ebed); }
.drc-gc__bar--sm { height: 9px; }
.drc-gc__meta { display: flex; align-items: center; height: 20px; margin-bottom: 15px; }
.drc-gc__title { display: flex; flex-direction: column; gap: 13px; padding: 6px 0; margin-bottom: 20px; }
.entries .drc-ghostcard .drc-gc__media { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: 24px; background: var(--theme-palette-color-6, #f4f5f6); text-align: center; }
.drc-gc__text { display: flex; flex-direction: column; gap: 13px; padding: 6px 0; margin-bottom: 20px; }
.drc-gc__foot { display: flex; align-items: center; gap: 10px; height: 25px; margin-top: auto; }
.drc-gc__foot .drc-gc__bar { flex: none; }
.drc-gc__av { flex: none; width: 25px; height: 25px; border-radius: 50%; background: var(--theme-palette-color-5, #e8ebed); }

/* The invitation in the first ghost. */
.drc-ghostcard .drc-gc__cta-title { margin: 0; color: var(--theme-headings-color, var(--theme-palette-color-4, #111)); font-size: 19px; font-weight: 700; line-height: 1.3; }
.drc-ghostcard .drc-gc__cta-text { max-width: 300px; margin: 8px 0 0; color: var(--theme-text-color, #5e5e5e); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
.drc-ghostcard .drc-gc__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 18px; padding: 11px 20px; border: 1px solid #106abf; border-radius: 3px; background: #106abf; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.drc-ghostcard .drc-gc__btn:hover, .drc-ghostcard .drc-gc__btn:focus-visible { border-color: #00509d; background: #00509d; color: #fff; }