.post, .page {

overflow-wrap: break-word;
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
}

}

.post-title {

margin-bottom: 0;

} .post-title ~ .post-meta {

margin-bottom: var(--spacer-2);

}

.page-title {

margin-bottom: var(--spacer-2);

}

.post-meta {

color: var(--body-color-light);
font-size: .85em;

}

markdown-toc {

padding: var(--spacer) var(--spacer-2);
margin: var(--spacer-2) 0;
border: solid var(--border-color);
border-width: 1px 0;

&::before {
  display: block;
  margin-left: calc(var(--spacer-2) * -1);
  content: "Table of Contents";
  font-weight: bold;
}

}

.post-tags-section {

display: block;
padding: var(--spacer) 0;

}

.post-tags-icon {

display: inline-block;
margin-right: var(--spacer);

}

.post-tags {

display: inline-block;
list-style: none;
padding: 0;
margin: 0;

li {
  display: inline-block;
  margin-right: var(--spacer);

  a {
    color: inherit;
    text-decoration: none;

    &:hover,
    &:focus {
      color: var(--body-bg);
      background-color: var(--link-color);
    }
  }
}

}

.post-tag {

padding: .1em .5em;
border: 1px solid var(--border-color);
border-radius: .8em;

}

.related {

padding: var(--spacer) 0;
margin-top: var(--spacer-2);
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);

h2 {
  margin-top: 0;
}

}

.related-posts {

padding-left: 0;
margin: 0;
list-style: none;

small {
  color: var(--body-color-light);
}

}

.task-list {

list-style: none;
padding-inline-start: 1em;

} .task-list-item-checkbox {

margin: 0 .25em .25em -1em;
vertical-align: middle;

}

img.emoji {

display: inline;
margin: 0;
width: 1.25em;
height: 1.25em;
vertical-align: middle;

}