.article-body,
.ql-editor {
  color: #343434;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 1.88;
}
.article-body p,
.ql-editor p { margin: 0 0 1.35em; }
.article-body h2,
.article-body h3,
.article-body h4,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4 {
  color: #171717;
  font-family: "DM Sans", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  margin: 1.9em 0 .7em;
}
.article-body h2,.ql-editor h2 { font-size: 1.75rem; }
.article-body h3,.ql-editor h3 { font-size: 1.4rem; }
.article-body h4,.ql-editor h4 { font-size: 1.15rem; }
.article-body ul,.article-body ol,.ql-editor ul,.ql-editor ol { margin: 0 0 1.35em; padding-left: 1.6em; }
.article-body li,.ql-editor li { margin-bottom: .45em; }
.article-body blockquote,.ql-editor blockquote { border-left: 3px solid #2855d9; color: #5e5e5e; margin: 1.6em 0; padding: .25em 0 .25em 1.25em; }
.article-body a,.ql-editor a { color: #2855d9; text-decoration: underline; text-underline-offset: 3px; }
.article-body img,.ql-editor img { display: block; height: auto; margin: 1.8em auto; max-width: 100%; }
.article-body pre,.ql-editor pre { background: #f2f1ed; border-radius: 8px; overflow-x: auto; padding: 1em; }
