.calendar-fact[hidden] { display: none !important; }
.calendar-fact {
  margin: 12px 0 0;
  padding: 14px 16px;
  border: 1px solid #dedee5;
  border-radius: 14px;
  background: #fafafb;
  color: #303039;
  text-align: left;
}
#todayCalendarFact { margin: -4px 0 4px; }
.calendar-fact-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.calendar-fact-heading h3 { margin: 0; font-size: .875rem; font-weight: 650; line-height: 1.5; }
.calendar-fact-heading time { font-size: .875rem; color: #62626c; white-space: nowrap; }
.calendar-fact .calendar-fact-text { margin: 5px 0 8px; font-size: 1rem; line-height: 1.5; }
.calendar-fact-footer { display: flex; flex-wrap: wrap; gap: 5px 16px; align-items: baseline; }
.calendar-fact-footer a { color: #4c4c65; font-size: .875rem; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.calendar-fact-footer a:focus-visible { outline: 2px solid #0071e3; outline-offset: 4px; border-radius: 2px; }
.calendar-fact-footer p { margin: 0; flex: 1 1 320px; font-size: .875rem; line-height: 1.5; color: #62626c; }
@media (max-width: 600px) { .calendar-fact { padding: 12px; } .calendar-fact-footer { display: block; } .calendar-fact-footer p { margin-top: 5px; } }