.article__body {
  position: relative;
  max-width: 670px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.article__body:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -30px;
  height: 730px;
  max-height: 100%;
  border-left: 6px solid var(--tropical);
}
.article__body p,
.article__body ul {
  margin: 0 0 25px;
}
.article__body h2 {
  margin: 0 0 20px;
  font-size: 3rem;
  line-height: 3.2rem;
  font-family: var(--NotoSerifDisplay);
  font-weight: bold;
  font-style: italic;
  color: var(--tropical);
}
.article__body li {
  margin: 0 0 10px 20px;
}
.article__body a {
  color: var(--tropical);
}


@media (hover: hover) {
  .article__body a:hover {
    color: var(--sunshade);
  }
}

@media screen and (max-width: 600px) {
  .article__body h2 {
    margin: 0 0 10px;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}