.article {
  padding: 20px 8px;
  max-width: 675px;
  margin: 0 auto;
  margin-top: 40px;
  display: grid;
  gap: 15px;
}
@media (min-width: 500px) {
  .article {
    padding: 20px 16px;
  }
}
.article .article-content {
  display: grid;
  gap: 15px;
}
.article .article-content p {
  font-size: 1.6rem;
  color: #6E6E6E;
  line-height: 2.5rem;
}
.article .article-content ul, .article .article-content ol {
  font-size: 1.6rem;
  color: #6E6E6E;
  line-height: 2.5rem;
  padding-left: 2em;
}
.article .article-content li {
  font-size: 1.6rem;
  color: #6E6E6E;
  line-height: 2.5rem;
  padding-left: 1em;
}
.article .article-content h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #6E6E6E;
}
.article .article-content h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #6E6E6E;
}
.article .article-content h4 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #6E6E6E;
}
.article .article-content h5 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #6E6E6E;
}/*# sourceMappingURL=style.css.map */