/* Event cards on the Beranda and the certificate list (11 Nov 2026): the poster is shown at 4:5 (whole, not cropped to a square), and a card whose picture already carries the title shows no title text: it stays in the page for readers and search engines, and the whole card is still one link. Cards without a poster keep their title. */
.card-poster{aspect-ratio:4/5;object-fit:contain;object-position:center center}
.poster-placeholder{aspect-ratio:4/5}
.event-card.has-poster .card-title{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.event-grid .event-card.has-poster .card-body h3,.card-bars .event-card.has-poster .card-body h3{height:0;min-height:0;margin:0;overflow:visible}
.event-card.has-poster .card-body h3 a{min-height:0}
/* The poster is shown whole (a 3:4 poster gets two thin side bands in the 4:5 frame) and the chips sit under the picture instead of over it, so nothing of the poster is covered. */
.event-card.has-poster .card-tags{position:static;padding:8px 10px 0;gap:4px}
.event-card.has-poster .tag-cat,.event-card.has-poster .tag-days,.event-card.has-poster .tag-quota,.event-card.has-poster .tag-pin{box-shadow:none}
.event-card.has-poster .card-body{padding-top:6px}
/* Chips under the picture are plain text (12 Nov 2026): no shape, regular weight, 10.8px (10% under 12px), joined by a middle dot. Kind in the theme colour, the rest in dark grey (both above 4.5:1 on white). */
.event-card.has-poster .tag-cat,.event-card.has-poster .tag-days,.event-card.has-poster .tag-quota,.event-card.has-poster .tag-pin{display:inline;padding:0;border-radius:0;background:none;box-shadow:none;font-size:10.8px;font-weight:400;line-height:1.4;color:#4a5568}
.event-card.has-poster .tag-cat,.event-card.has-poster .tag-pin{color:var(--accent-strong,#244c85)}
.event-card.has-poster .card-tags{display:block}
.event-card.has-poster .card-tags>span+span::before{content:" · ";color:#4a5568;white-space:pre}
/* Tighter vertical spacing inside picture cards (12 Nov 2026), measured as the gap between the pixels of text: picture to chips 17 to about 9, chips to date 16 to about 8, date to bar 13 to about 9 (the card is about 22px shorter). The bar keeps its height. */
.card-bars .event-card.has-poster .card-tags{padding-top:0}
.card-bars .event-card.has-poster .card-body{padding-top:0}
.card-bars .event-card.has-poster .card-date{line-height:1.4;margin-bottom:4px}