/* block-event-cards
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/block-event-cards.css. */
.event-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 32px; }
.event-cards .event { display: flex; gap: 18px; background: var(--card); border-radius: var(--radius); padding: 22px; }
.event-cards .date { flex: none; width: 70px; height: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--accent-solid); color: #fff; border-radius: 8px; }
.event-cards .d-m { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; }
.event-cards .d-d { font: 600 32px/1 var(--head); margin-top: 2px; }
.event-cards .event h3 { font-size: 20px; }
.event-cards .event h3 a { color: var(--ink); text-decoration: none; }
.event-cards .event h3 a:hover { text-decoration: underline; color: var(--accent); }
.event-cards .e-meta { margin-top: 6px; color: var(--muted); font-size: 15px; line-height: 1.5; }
.event-cards .e-cal { display: inline-block; margin-top: 10px; font-size: 15px; font-weight: 600; }
@media (max-width: 1100px) {
  .event-cards { grid-template-columns: 1fr; }
}