/* Markdown-rendered post body on HTML post detail / _post partial (.post__body--markdown) */

.post__body--markdown {
  white-space: normal;
}

.post__body--markdown p {
  margin: 0 0 var(--space-sm);
}

.post__body--markdown p:last-child {
  margin-bottom: 0;
}

.post__body--markdown h1,
.post__body--markdown h2,
.post__body--markdown h3,
.post__body--markdown h4,
.post__body--markdown h5,
.post__body--markdown h6 {
  font-weight: 700;
  margin: var(--space-sm) 0 var(--space-xs);
  line-height: 1.3;
}

.post__body--markdown h1 {
  font-size: 1.4em;
}

.post__body--markdown h2 {
  font-size: 1.25em;
}

.post__body--markdown h3 {
  font-size: 1.1em;
}

.post__body--markdown h4,
.post__body--markdown h5,
.post__body--markdown h6 {
  font-size: 1em;
}

.post__body--markdown a {
  color: var(--accent);
  text-decoration: none;
}

.post__body--markdown a.post__mention {
  font-weight: 600;
}

.post__body--markdown a:hover {
  text-decoration: underline;
}

.post__body--markdown code {
  font-family: ui-monospace, monospace;
  font-size: 0.875em;
  background: var(--bg-page);
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 0.1em 0.35em;
}

.post__body--markdown pre {
  background: var(--bg-page);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--space-sm);
  overflow-x: auto;
  margin: 0 0 var(--space-sm);
}

.post__body--markdown pre code {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.8125em;
}

.post__body--markdown blockquote {
  border-left: 3px solid var(--border-strong);
  margin: 0 0 var(--space-sm);
  padding: var(--space-xs) var(--space-sm);
  color: var(--text-muted);
}

.post__body--markdown ul,
.post__body--markdown ol {
  margin: 0 0 var(--space-sm);
  padding-left: 1.5em;
}

.post__body--markdown li {
  margin-bottom: var(--space-xs);
}

.post__body--markdown hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: var(--space-sm) 0;
}

.post__body--markdown table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 var(--space-sm);
  font-size: var(--text-sm);
}

.post__body--markdown th,
.post__body--markdown td {
  border: 1px solid var(--border);
  padding: var(--space-xs) var(--space-sm);
  text-align: left;
}

.post__body--markdown th {
  background: var(--bg-page);
  font-weight: 600;
}