/**
 * Event details panel. Shares the palette used by the locations directory so
 * the two theme-rendered sections read as one system.
 */
.arc-event {
  --arc-ink: #1b1a17;
  --arc-gold: #C9A82C;
  --arc-gold-dark: #b8981f;
  --arc-accent: #7a6313;
  --arc-line: #e7e3d8;
  --arc-muted: #5f5b52;
  --arc-body: #3d3a33;
  font-family: Heebo, system-ui, -apple-system, "Segoe UI", sans-serif;
  border: 1px solid var(--arc-line);
  border-radius: 10px;
  padding: clamp(18px, 3vw, 26px);
  margin: 0 0 clamp(24px, 4vw, 36px);
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: var(--arc-ink);
}
.arc-event__list { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.arc-event__row { display: flex; align-items: flex-start; gap: 12px; margin: 0; }
.arc-event__row dt { margin: 0; flex: 0 0 auto; color: var(--arc-accent); line-height: 1; padding-top: 2px; }
.arc-event__row dd { margin: 0; font-size: 16px; line-height: 1.5; color: var(--arc-body); }
.arc-event__label { color: var(--arc-muted); }
.arc-event__cta {
  align-self: flex-start;
  display: inline-flex; align-items: center; justify-content: center;
  height: 48px; padding: 0 26px; border-radius: 8px;
  background: var(--arc-gold); color: var(--arc-ink) !important;
  font-weight: 700; font-size: 16px; text-decoration: none;
}
.arc-event__cta:hover, .arc-event__cta:focus { background: var(--arc-gold-dark); color: var(--arc-ink) !important; }

@media (max-width: 599px) {
  .arc-event__cta { align-self: stretch; }
  .arc-event__row dd { font-size: 15px; }
}