.journal-article-body img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 45px 0;
}
.journal-article-body img[src^="/assets/journal/icon-"] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin: 32px 0 18px;
}
.journal-article-body h3,
.journal-article-body h4 {
  margin: 42px 0 18px;
  color: #f4f4f3;
  font: 550 21px/1.35 var(--font-einhar);
  letter-spacing: -.026em;
}
.journal-article-body ul,
.journal-article-body ol {
  margin: 0 0 30px;
  padding-left: 1.35em;
  color: #ededec;
  font: 400 16px/1.8 var(--font-einhar);
}
.journal-article-body li { margin-bottom: 8px; }
.journal-article-body a { color: #fff; text-underline-offset: 3px; }
.journal-article-body pre { max-width: 100%; overflow-x: auto; margin: 0 0 32px; padding: 18px; background: #111; color: #eee; font-size: 13px; line-height: 1.6; }
.journal-article-body code { overflow-wrap: anywhere; }
/* Compact evidence notes sit beside the reading column on wide screens. */
.journal-article-body h2 { clear: both; scroll-margin-top: 120px; }
.journal-article-body blockquote {
  float: right;
  clear: right;
  width: 220px;
  margin: 2px -170px 28px 30px;
  padding: 19px 18px;
  border: 0;
  border-radius: 10px;
  background: #101010;
  color: #e7e7e5;
  font: 400 12px/1.65 var(--font-einhar);
  letter-spacing: -.008em;
}
.journal-article-body blockquote p { margin: 0 0 11px; font: inherit; color: inherit; }
.journal-article-body blockquote p:last-child { margin-bottom: 0; }
.journal-article-body blockquote strong { color: #fff; font-weight: 600; }
.journal-article-body blockquote img[src^="/assets/journal/icon-"] { width: 34px; height: 34px; margin: 0 0 12px; }
.journal-article-body blockquote a { font-size: 11px; }
@media (max-width: 600px) {
  .journal-article-body img { margin: 32px 0; }
  .journal-article-body blockquote { float: none; clear: both; width: auto; max-width: 100%; margin: 28px 0; padding: 18px; }
  .journal-article-body ul,
  .journal-article-body ol { font-size: 15px; }
}