body.rap-events-archive {
  background: var(--rap-white);
  color: var(--rap-ink);
}

body.rap-events-archive .rap-events-archive__hero {
  padding: clamp(32px, 6vw, 72px);
  background: linear-gradient(120deg, var(--rap-blue), var(--rap-violet));
  color: #fff;
}

body.rap-events-archive .rap-events-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 24px;
}

body.rap-events-archive .rap-events-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding: 24px;
  border-radius: var(--rap-radius-md);
  background: #fff;
  box-shadow: var(--rap-shadow);
}

body.rap-events-archive .rap-events-filters__field--wide,
body.rap-events-archive .rap-events-filters__actions {
  grid-column: 1 / -1;
}

body.rap-events-archive .rap-events-archive__results {
  padding-block: var(--rap-section-space);
}

body.rap-events-archive .rap-event-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rap-gap);
}

@media (max-width: 1024px) {
  body.rap-events-archive .rap-events-filters,
  body.rap-events-archive .rap-event-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.rap-events-archive .rap-events-filters,
  body.rap-events-archive .rap-event-grid {
    grid-template-columns: 1fr;
  }
}