.events-table-wrapper {
  overflow-x: auto;
  margin: 1.5rem 0;
}

.events-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.events-table th,
.events-table td {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  vertical-align: top;
  text-align: left;
}

.events-table th {
  background: #f4f4f4;
  font-weight: 600;
}

.events-table tr:nth-child(even) {
  background: #fafafa;
}

.events-table tr.regular-event {
  background-color: #e8f5e8;
  color: #555;
  font-style: italic;
}