body {
  background: #f7f7fa;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;
}

.event-hero {
  background: linear-gradient(135deg, #c8102e 0%, #8b0024 100%);
  color: #fff;
  padding: 2.5rem 1.5rem;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}

.event-hero h1 {
  margin-bottom: 0.25rem;
}

.event-meta {
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.panelist-card {
  border-left: 4px solid #c8102e;
  padding: .75rem 1rem;
  margin-bottom: .75rem;
  background: #fff;
  border-radius: 6px;
}

.panelist-card .role {
  font-size: .8rem;
  color: #c8102e;
  font-weight: bold;
}

.required-mark {
  color: #c8102e;
  margin-left: .25rem;
}

footer {
  color: #6c757d;
  font-size: .85rem;
  padding: 2rem 0;
}