.back-link {
  margin-bottom: 1.5rem;
  font-size: 0.8125rem;
}

.post-list .entry-title { font-weight: 500; }
.post-list p { margin-top: 0.35rem; }

.article-header { margin-bottom: 2rem; }
.article-header h1 { font-size: 1.5rem; line-height: 1.35; }
.post-meta { margin: 0.65rem 0 0; color: var(--muted); font-size: 0.8125rem; }

.article-body section { scroll-margin-top: 3rem; }
.article-body h2,
.article-body h3 { scroll-margin-top: 3rem; }
.article-body h2 { margin: 2rem 0 0.85rem; font-size: 1rem; font-weight: 500; }
.article-body h3 { margin: 1.5rem 0 0.75rem; font-size: 1rem; font-weight: 500; }
.article-body img { max-width: 100%; height: auto; }
.blog-article .index nav a { width: auto; overflow-wrap: anywhere; }
.article-body p { margin: 0 0 1.15rem; }
.article-body code { font: 0.875em/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.article-body pre {
  margin: 1.5rem 0;
  padding: 1rem 1.15rem;
  overflow-x: auto;
  background: #f2f0eb;
  border-radius: 4px;
}

.phrase-example {
  margin: 1.5rem 0;
  padding: 0.75rem 0;
  font-size: 1.125rem;
}

.article-body .footer { margin-top: 2.5rem; }

@media (max-width: 720px) {
  .back-link { margin-bottom: 1rem; }
}