/* KCAU Programmes — 3/2/1 equal-height cards and the "coming soon" state.
   Author: Kiriago · https://github.com/kirycode/ · kiryc0de@gmail.com */
.kcau-pg {
	--kcau-pg-navy: #192C57;
	--kcau-pg-gold: #CBAE2D;
	display: grid;
	grid-template-columns: repeat(var(--kcau-pg-cols, 3), minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
	max-width: 1208px;
	margin: 0 auto;
	padding: 0 24px;
	list-style: none;
	box-sizing: border-box;
}
.kcau-pg__item { display: flex; margin: 0; padding: 0; }
.kcau-pg__item::before { content: none; }
.kcau-pg__card { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; background: #fff; border: 1px solid #DCE2EC; border-radius: 14px; box-shadow: 0 6px 20px rgba(25, 44, 87, .08); }
.kcau-pg__media { aspect-ratio: 16 / 9; background: var(--kcau-pg-navy); overflow: hidden; }
.kcau-pg__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kcau-pg__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 20px 22px 22px; }
.kcau-pg p.kcau-pg__tag { align-self: flex-start; margin: 0 0 10px; padding: 2px 12px; border-radius: 20px; background: #F6F0D5; color: #5C4E12; font-size: 12px !important; font-weight: 700; letter-spacing: .06em; line-height: 22px; text-transform: uppercase; } /* theme: 18px !important on every p */
.kcau-pg .kcau-pg__title { margin: 0 0 8px; color: var(--kcau-pg-navy); font-size: 18px !important; line-height: 1.35; }
.kcau-pg p.kcau-pg__text { margin: 0; color: #3F4A5E; font-size: 16px !important; line-height: 1.6; }
.kcau-pg__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; font-size: 14px; color: #3F4A5E; }
.kcau-pg__meta div { display: flex; gap: 6px; }
.kcau-pg__meta dt { font-weight: 700; color: var(--kcau-pg-navy); }
.kcau-pg__meta dt::after { content: ':'; }
.kcau-pg__meta dd { margin: 0; }
.kcau-pg__action { margin: auto 0 0; padding-top: 16px; }
.kcau-pg__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 8px; background: var(--kcau-pg-navy); color: #fff !important; font-weight: 700; text-decoration: none !important; } /* !important: theme link colours */
.kcau-pg__btn svg { fill: currentColor; flex: 0 0 auto; }
.kcau-pg__btn:hover, .kcau-pg__btn:focus-visible { background: #0F1C3A; }
.kcau-pg__btn:focus-visible { outline: 3px solid var(--kcau-pg-gold); outline-offset: 2px; }
/* Empty state */
.kcau-pg--empty { display: block; max-width: 640px; }
.kcau-pg__empty { padding: 36px 28px; text-align: center; background: #fff; border: 1px solid #DCE2EC; border-top: 4px solid var(--kcau-pg-gold); border-radius: 14px; box-shadow: 0 6px 20px rgba(25, 44, 87, .08); }
.kcau-pg__empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 0 14px; border-radius: 50%; background: #F6F0D5; }
.kcau-pg__empty-icon svg { fill: var(--kcau-pg-navy); }
.kcau-pg__empty .kcau-pg__action { margin-top: 0; }
@media (max-width: 1024px) { .kcau-pg { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 767px) { .kcau-pg { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 0 16px; } }