.dsch-calendar-sync {
  --dsch-cal-primary: #0078b8;
  --dsch-cal-orange: #f28a2e;
  --dsch-cal-green: #40bd78;
  --dsch-cal-purple: #8a67c7;
  --dsch-cal-muted: #808080;
  --dsch-cal-background: #eef4f9;
  width: min(1240px, 100%);
  margin: 42px auto;
  padding: 26px 34px 30px;
  background: var(--dsch-cal-background);
  color: var(--dsch-cal-primary);
  box-sizing: border-box;
}

.dsch-calendar-sync *,
.dsch-calendar-sync *::before,
.dsch-calendar-sync *::after { box-sizing: border-box; }

.dsch-calendar-sync__header {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
  align-items: end;
  gap: 12px;
  margin: 0 0 14px;
  text-align: center;
}

.dsch-calendar-sync__header h2 {
  margin: 0;
  color: var(--dsch-cal-primary);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: .9;
  text-transform: lowercase;
}

.dsch-calendar-sync__month {
  color: var(--dsch-cal-primary);
  text-decoration: none;
  text-transform: lowercase;
}

.dsch-calendar-sync__month--side {
  font-size: clamp(1.75rem, 3.5vw, 2.65rem);
  font-style: italic;
  font-weight: 300;
  line-height: .9;
}

.dsch-calendar-sync__month:hover,
.dsch-calendar-sync__month:focus-visible { color: var(--dsch-cal-primary); text-decoration: underline; }
.dsch-calendar-sync__scroll { width: 100%; overflow: visible; }

.dsch-calendar-sync__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px 0;
  table-layout: fixed;
}

.dsch-calendar-sync__table thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dsch-calendar-sync__table td {
  position: relative;
  height: 134px;
  padding: 12px 8px 16px;
  vertical-align: top;
  background: transparent;
  border: 0;
}

.dsch-calendar-sync__table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  border-top: 1px solid color-mix(in srgb, var(--dsch-cal-primary) 35%, transparent);
}

.dsch-calendar-sync__table tbody tr:first-child td { background: #fff; }
.dsch-calendar-sync__table td.is-outside-month { background: rgba(255, 255, 255, .45); }

.dsch-calendar-sync__table time {
  display: block;
  margin-bottom: 8px;
  color: var(--dsch-cal-primary);
  font-size: .9rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.dsch-calendar-sync__table .is-outside-month time { color: #c1d1dd; font-weight: 400; }
.dsch-calendar-sync__events { margin: 0; padding: 0; list-style: none; }

.dsch-calendar-sync__events li {
  margin: 0 0 5px;
  color: var(--dsch-cal-primary);
  font-size: .7rem;
  line-height: 1.28;
  text-align: center;
  overflow-wrap: anywhere;
}

.dsch-calendar-sync__events li span { font-weight: 700; }
.dsch-calendar-sync .dsch-calendar-sync__event--primary { color: var(--dsch-cal-primary); }
.dsch-calendar-sync .dsch-calendar-sync__event--orange { color: var(--dsch-cal-orange); }
.dsch-calendar-sync .dsch-calendar-sync__event--green { color: var(--dsch-cal-green); }
.dsch-calendar-sync .dsch-calendar-sync__event--purple { color: var(--dsch-cal-purple); }
.dsch-calendar-sync .dsch-calendar-sync__event--muted { color: var(--dsch-cal-muted); }
.dsch-calendar-sync__events .dsch-calendar-sync__more { color: var(--dsch-cal-muted); font-style: italic; }
.dsch-calendar-sync__notice { max-width: 860px; margin: 24px auto; padding: 16px 20px; color: #555; background: #eef4f9; text-align: center; }
.dsch-calendar-sync__agenda { display: none; }

@supports not (color: color-mix(in srgb, black 50%, white)) {
  .dsch-calendar-sync__table td::before { border-top-color: #aac3d4; }
}

@media (max-width: 900px) {
  .dsch-calendar-sync { padding: 22px 18px 26px; }
  .dsch-calendar-sync__table td { height: 122px; padding-inline: 5px; }
  .dsch-calendar-sync__events li { font-size: .64rem; }
}

@media (max-width: 760px) {
  .dsch-calendar-sync { margin: 28px auto; padding: 18px 14px; }
  .dsch-calendar-sync__header { grid-template-columns: 1fr 1.4fr 1fr; gap: 8px; align-items: center; }
  .dsch-calendar-sync__header h2 { font-size: clamp(1.55rem, 7vw, 2rem); }
  .dsch-calendar-sync__month--side { font-size: clamp(1.05rem, 5vw, 1.4rem); }
  .dsch-calendar-sync__scroll { display: none; }
  .dsch-calendar-sync__agenda { display: grid; gap: 10px; }
  .dsch-calendar-sync__agenda-day { padding: 14px 16px; background: #fff; border-top: 1px solid #aac3d4; }
  .dsch-calendar-sync__agenda-day h3 { margin: 0 0 8px; color: var(--dsch-cal-primary); font-size: 1.05rem; font-weight: 700; text-transform: lowercase; }
  .dsch-calendar-sync__agenda-day ul { margin: 0; padding: 0; list-style: none; }
  .dsch-calendar-sync__agenda-day li { margin: 5px 0; color: #555; font-size: .98rem; line-height: 1.35; }
  .dsch-calendar-sync__agenda-day time { color: inherit; font-weight: 700; }
  .dsch-calendar-sync__empty { margin: 0; padding: 18px; color: #666; background: #fff; text-align: center; }
}