.post-detail-page .post-detail-title {
  color: var(--title-color);
}

.post-detail-page .post-detail-body {
  color: #212529;
}

.post-detail-page .post-detail-body :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em, blockquote) {
  color: inherit;
}

body.dark .post-detail-page .post-detail-title,
body.dark .post-detail-page .post-detail-body,
body.dark .post-detail-page .post-detail-body :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em, blockquote),
body.dark .post-detail-page .post-detail-meta,
body.dark .post-detail-page .post-detail-meta a,
body.dark .post-detail-page .post-detail-meta .text-muted {
  color: #fff !important;
}

body.dark .post-detail-page .post-detail-body a {
  color: #fff !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.post-detail-page .post-detail-body img {
  display: block;
  width: auto;
  max-width: min(100%, 720px);
  max-height: 720px;
  margin: 1.25rem auto;
  border-radius: .5rem;
  object-fit: contain;
}

.post-detail-page .post-body-image-link {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}