@import "form.css";

main > section[id="reading"] ol {
  counter-reset: item;
  margin-bottom: 0;
}

main > section[id="reading"] li {
  display: block;
}

main > section[id="reading"] li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

main > section[id="reading"] form {
  margin-top: 3.5rem;
  text-align: center;
}

main > section[id="reading"] form fieldset {
  border: none;
  padding: 0;
}

main > section[id="reading"] form label {
  color: #666;
  font-size: 0.85rem;
  display: block;
  padding: 0.5rem 0 1.5rem 0;
}

main > section[id="reading"] form legend {
  color: var(--color);
  font-family: var(--font);
  font-size: var(--size);
  font-weight: bold;
  margin: 0 auto;
}