/* 時計の実際のフォントサイズを基準にする。対象は今日の未開始予定名のみ。 */
#calendar-dashboard #calendar-agenda .calendar-next-event>h3 {
  font-size: calc(var(--calendar-clock-size, 120px) * 0.5) !important;
  line-height: 1.2;
  font-weight: 500;
}

#calendar-dashboard #calendar-agenda .calendar-later-event>h3 {
  font-size: calc(var(--calendar-clock-size, 120px) * 0.4) !important;
  line-height: 1.3;
}

#calendar-dashboard #calendar-agenda .calendar-next-event>h3,
#calendar-dashboard #calendar-agenda .calendar-later-event>h3 {
  overflow-wrap: anywhere;
}

/* 時計ではなく、今日の各予定の開始・終了時刻 */
#calendar-dashboard #calendar-agenda .calendar-feed-event>.calendar-agenda-time {
  font-size: 15px !important;
}

/* 今日の予定：左に開始時刻、右に予定名 */
#calendar-dashboard #calendar-agenda .calendar-feed-event {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 36px;
  align-items: baseline;
}

#calendar-dashboard #calendar-agenda .calendar-feed-event>.calendar-agenda-time {
  grid-column: 1;
  grid-row: 1;
  white-space: nowrap;
  font-size: 35px !important;
  margin: 0 !important;
}

#calendar-dashboard #calendar-agenda .calendar-feed-event>h3 {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

#calendar-dashboard #calendar-agenda .calendar-feed-event> :not(.calendar-agenda-time):not(h3) {
  grid-column: 2;
}