article #main-content {
  max-width: calc(18 * var(--unit--horizontal));
  scroll-margin-block-start: calc(var(--unit--vertical) * 6);
  padding-bottom: calc(var(--unit--vertical) * 2);
  margin-top: calc(2 * var(--unit--vertical));
}

#chapo {
  font-style: italic;
}

#chapo em {
  font-style: normal;
}

article #main-content #chapo::after {
  content: "";
  display: block;
  margin: calc(2 * var(--unit--vertical)) 0;

  width: 100%;
  height: 1px;
  background-color: #fff;
}

article #main-content li:not(.text) {
  list-style-type: inherit;
}

@media screen and (min-width: 640px) {
  article #main-content {
    max-width: auto;
  }
}