.event-card-image { display: block; width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: 0 0 1rem 0; object-fit: contain; background: var(--fog); }
.event-card-image-link { display: block; cursor: pointer; text-decoration: none; }
.event-card-image-link:hover .event-card-image { opacity: 0.92; }
.event-detail-image { display: block; max-width: 100%; height: auto; margin-bottom: 2rem; border-radius: 0 0 2rem 0; }

#upcoming-events { scroll-margin-top: 7rem; }

.button-secondary { background: transparent; border-color: var(--line); color: var(--ink); }
.button-secondary:hover { background: var(--fog); }
.event-questions { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
html { scroll-padding-top: 7rem; }

.event-card:focus-within { border-color: var(--orange); box-shadow: 0 8px 24px rgb(27 30 32 / 6%); }
.event-date { margin: 0; color: var(--blue); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.035em; }
.event-card h3 a { color: inherit; text-decoration: none; }
.event-links { display: flex; flex-direction: column; gap: 0.75rem; margin-top: auto; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.event-links .event-link { margin-top: 0; padding-top: 0; border-top: none; }

.event-title-lead { font-family: "Work Sans", system-ui, sans-serif; font-style: normal; font-weight: 400; color: var(--ink); }
.event-title-accent { font-family: "Libre Baskerville", Georgia, serif; font-style: italic; font-weight: 400; color: var(--blue); }
.event-body > h2 { font-family: "Work Sans", system-ui, sans-serif; font-style: normal; font-weight: 400; color: var(--ink); }
.event-facts h2 { color: var(--blue); font-family: "Libre Baskerville", Georgia, serif; font-style: italic; font-weight: 400; }