:root {
  --gap: 10px;
}

body {
  background: #F8F9FF;
}

.content {
  max-width: 560px;
  margin: auto;
}

.rules {
  padding: 0 1em;
  display: grid;
  gap: 8px;
  color: #333;
  line-height: 1.25em;
}
.rules h1 {
  font-size: 20px;
}
.rules .title {
  font-weight: bold;
}
.rules .stage {
  display: grid;
  gap: var(--gap);
}
.rules ul {
  display: grid;
  gap: var(--gap);
  padding-left: 1.25em;
}
.rules ul.stage_1 li {
  list-style: decimal;
}
.rules ul .stage_a {
  padding-left: 1.25em;
  display: grid;
  gap: var(--gap);
}
.rules ul .stage_a li {
  list-style: disc;
}