.article-container {
  width: min(900px, 100%);
  margin: 0 auto;
  padding: clamp(1rem, 4vw, 2rem);
}

.back-link {
  margin-bottom: 1rem;
}

.article-content {
  color: var(--paper);
  font-size: 1.02rem;
}

.article-content h1,
.article-content h2,
.article-content h3 {
  font-family: "Special Elite", serif;
  margin-top: 1.6rem;
}

.article-content p {
  color: var(--paper);
}

.article-content a {
  border-bottom: 1px solid rgba(201, 154, 69, 0.5);
}

.article-content code {
  padding: 0.16rem 0.35rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #070706;
}

.article-content pre {
  overflow-x: auto;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #070706;
}

.article-content img {
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  filter: grayscale(0.35) contrast(1.08);
}