.pinned-event {
  border-color: #a874df;
  background: #18121f;
  color: #f5f0fa;
  align-items: flex-start;
}
.pinned-event .calendar-details { min-width: 0; }
.pinned-event-badge {
  margin: 0 0 .75rem;
  color: #d6b0ff;
  font-size: .85rem;
  font-weight: 700;
}
.pinned-event .event-title { margin-top: 0; }
.pinned-event a { color: #89efb0; }
.pinned-event .description { line-height: 1.6; overflow-wrap: anywhere; }
.pinned-event a:focus-visible { outline: 2px solid #89efb0; outline-offset: 4px; }
.pinned-event .calendar-image { flex: 0 0 260px; max-width: 260px; }
.pinned-event .calendar-image img { display: block; height: auto; }
@media (max-width: 700px) {
  .pinned-event { flex-direction: column; }
  .pinned-event .calendar-image { flex: none; width: 100%; max-width: 260px; align-self: center; }
}