/* JEZSU 23: repeatable calendars, retaining the existing video-overlay style. */
.hero .jezsu-calendar-list {
  max-height:min(calc(100% - 220px),calc(75% - 140px));
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--red) rgba(255,255,255,.75);
}
.hero .jezsu-calendar-list > p {flex:0 0 auto}
.hero-calendar > .jezsu-calendar-card {
  width:100%;min-width:0;min-height:84px;flex:0 0 auto;
  display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;
  padding:8px 10px 8px 8px;border-left:4px solid transparent;
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
  box-shadow:0 12px 35px rgba(4,20,31,.16);
  transition:background .25s,border-color .25s;
}
.hero-calendar > a.jezsu-calendar-card:hover {
  transform:none;background:#fff;border-left-color:var(--red);
}
.hero-calendar > .jezsu-calendar-card:focus-visible,
.hero .jezsu-calendar-list:focus-visible {outline:3px solid #ffcc65;outline-offset:-3px}
.hero-calendar .jezsu-calendar-date {
  min-height:58px;border-right:1px solid #ddd5d5;display:flex;
  flex-direction:column;align-items:center;justify-content:center;
  color:var(--red);line-height:1;text-align:center;overflow-wrap:anywhere;
}
.hero-calendar .jezsu-calendar-date b {font-family:var(--serif);font-size:1.85rem;font-weight:500}
.hero-calendar .jezsu-calendar-date > span {font-size:.57rem;font-weight:850;letter-spacing:.1em;margin-top:3px}
.hero-calendar .jezsu-calendar-card em {min-width:0;overflow-wrap:anywhere}
.hero-calendar .jezsu-calendar-card > i {font-style:normal;color:var(--red);font-size:1.2rem}
.hero.jezsu-no-calendars .hero-content {padding-right:0}
@media (max-width:720px) {
  .hero .jezsu-calendar-list {
    max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
    padding-bottom:8px;grid-auto-columns:min(82vw,310px);
  }
  .hero .jezsu-calendar-list::-webkit-scrollbar {display:block;height:4px}
  .hero .jezsu-calendar-list::-webkit-scrollbar-thumb {background:var(--red);border-radius:4px}
  .hero-calendar > .jezsu-calendar-card {
    width:auto;min-height:86px;border-left:0;border-radius:16px;
    grid-template-columns:49px minmax(0,1fr);padding-right:7px;
    scroll-snap-align:start;box-shadow:0 12px 30px rgba(3,18,28,.2);
  }
  .hero-calendar .jezsu-calendar-card > i {display:none}
  .hero-calendar .jezsu-calendar-date b {font-size:1.65rem}
  .hero.jezsu-no-calendars .hero-content {padding-bottom:110px}
}
@media (prefers-reduced-motion:reduce) {
  .hero-calendar > .jezsu-calendar-card {transition:none}
}