html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000;
}

body {
  font-family: system-ui, sans-serif;
  color: #fff;
}

/* Temporary content-model verification listing (#25). Replaced by the real
   Axis/Block mosaic starting with #27. */
.event-list {
  list-style: none;
  margin: 0;
  padding: 1em;
}

.event-list__item {
  padding: 0.35em 0;
}

.event-list__year {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  margin-right: 0.5em;
}

.event-list__category {
  opacity: 0.7;
  font-size: 0.85em;
}

.content-error-banner {
  margin: 0;
  padding: 0.75em 1em;
  background: #7a1b1b;
  color: #fff;
  font-weight: 700;
}