/* Coming up: the latest catalyst calendar as a diary. Dates sit in a mono column, events read as serif text. */
.cal { list-style: none; margin: 0 0 20px; padding: 0; max-width: 980px; border-top: 1px solid var(--rule); }
.cal-day { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 0 32px; padding: 18px 0 20px; border-bottom: 1px solid var(--rule); }
.cal-date { margin: 0; padding-top: 4px; font: 400 14px/1.5 var(--mono); color: var(--ink-2); overflow-wrap: anywhere; }
.cal-events { list-style: none; margin: 0; padding: 0; min-width: 0; }
.cal-event + .cal-event { margin-top: 18px; }
.cal-when { margin: 0 0 2px; font: 400 13px/1.5 var(--mono); color: var(--ink-3); overflow-wrap: anywhere; }
.cal-what { margin: 0; font: 600 19px/1.35 var(--serif); color: var(--ink); overflow-wrap: anywhere; }
.cal-why { margin: 4px 0 0; max-width: 66ch; color: var(--ink-2); overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .cal-day { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 16px 0 18px; }
  .cal-date { padding-top: 0; }
  .cal-what { font-size: 17px; }
  .cal-why { font-size: 16px; }
}