/* The year-card media markup borrows core cover-block classes, but Elementor
   pages never enqueue core's cover CSS (no real cover block on the page), so
   the essentials ship here. Without them the image is a plain in-flow <img>
   and object-position — the "Image Position" sliders — has no effect. */
.cal-card__media {
  position: relative;
}
.cal-card__media .wp-block-cover__image-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--cal-pos, 50% 50%);
  margin: 0;
  max-width: none;
  border-radius: 0;
}

.jceh-notice {
  margin: 1rem;
  padding: .85rem 1rem;
  border: 1px solid #f2b72a;
  border-radius: 8px;
  background: #fbefc9;
  color: #14182a;
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
}