/**
 * Image of the event card (partials/event-card.twig, used by the Events,
 * Blog & Events and News & Events modules — every place event-card.twig is
 * included, home page among them). Event images come in any proportion,
 * which made the cards of a row uneven: every image gets the same 6:1 box,
 * shown whole and aligned to the left. The parent's tailwind.config.js
 * never scans this theme, so this is plain CSS on a class of our own
 * (`w-full` is shared with the rest of the site and must not be styled
 * here).
 */
.oc-event-card-image {
  aspect-ratio: 6 / 1;
  object-fit: contain;
  object-position: left 50%;
}

/**
 * "News Archive and Events" Upcoming Events sidebar only
 * (views/components/news-archive-events.twig, `.oc-news-archive-events-
 * sidebar` set on that column), 2026-10-08, Corrector note #25: the client
 * wants every upcoming trade fair listed here, not just a 2-item preview —
 * with more cards now showing, the title needs a smaller footprint so the
 * sidebar doesn't grow too tall (the image box itself now matches the
 * site-wide 6/1 default above, so only the title size is still overridden
 * here).
 */
.oc-news-archive-events-sidebar h3 .text-h4 {
  font-size: 1.125rem;
  line-height: 1.4;
}
.oc-news-archive-events-sidebar .mt-5 {
  margin-top: 0.5rem;
}