.article-date {
  margin-top: 18px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .68;
}

.article-markdown > h2,
.article-markdown > h3,
.article-markdown > h4 {
  margin-top: 2.4em;
  margin-bottom: .65em;
}

.article-markdown > p,
.article-markdown > ul,
.article-markdown > ol,
.article-markdown > blockquote {
  max-width: 760px;
}

.article-markdown ul,
.article-markdown ol {
  margin: 1.2rem 0 1.8rem;
  padding-left: 1.4rem;
}

.article-markdown li {
  margin: .55rem 0;
  line-height: 1.7;
}

.article-markdown blockquote {
  margin: 2rem 0;
  padding: 1rem 0 1rem 1.4rem;
  border-left: 4px solid #c45b34;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.35rem;
  line-height: 1.55;
}

.article-markdown figure {
  margin: 2.4rem 0;
}

.article-markdown figure img {
  width: 100%;
  max-height: 680px;
  object-fit: cover;
}

.article-markdown figcaption {
  margin-top: .55rem;
  font-size: .78rem;
  opacity: .68;
}

.article-markdown hr {
  margin: 3rem 0;
  border: 0;
  border-top: 1px solid rgba(23, 28, 32, .18);
}

.article-markdown code {
  padding: .15em .35em;
  background: rgba(23, 28, 32, .07);
  font-size: .9em;
}

/* Body-copy links must remain recognisable without turning the article into a blue-link document. */
.article-markdown a {
  color: #9f4325;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: rgba(159, 67, 37, .58);
  text-decoration-thickness: 1.5px;
  text-underline-offset: .2em;
  transition: color .16s ease, text-decoration-color .16s ease, background-color .16s ease;
}

.article-markdown a:visited {
  color: #7f4935;
  text-decoration-color: rgba(127, 73, 53, .5);
}

.article-markdown a:hover {
  color: #c45b34;
  text-decoration-color: currentColor;
  background: rgba(196, 91, 52, .08);
}

.article-markdown a:focus-visible {
  color: #171c20;
  outline: 2px solid #c45b34;
  outline-offset: 3px;
  background: rgba(196, 91, 52, .12);
}

@media (max-width: 800px) {
  .article-markdown blockquote {
    font-size: 1.15rem;
  }
}