/* $darkbrown: #332a29; */
html .header-image,
body .header-image {
  margin-top: 3rem;
  margin-bottom: 0;
}
html .content,
body .content {
  font-size: 1.1rem;
}
html .content h1:not(.site-title),
body .content h1:not(.site-title) {
  color: #ffe1a8;
  margin-bottom: 0;
}
html .content .note-date,
body .content .note-date {
  font-size: 0.9rem;
  opacity: 0.6;
  margin-bottom: 1rem;
  display: inline-block;
}
html .content h2,
body .content h2 {
  color: #e26d5c;
  font-size: 1.5rem;
  margin-bottom: 0rem;
  margin-top: initial;
}
html .content h3,
body .content h3 {
  color: #c9cba3;
  font-size: 1.25rem;
  margin-bottom: 0rem;
}
html .content h4,
html .content h5,
html .content h6,
body .content h4,
body .content h5,
body .content h6 {
  color: #c9cba3;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
html .content p,
body .content p {
  line-height: 1.5rem;
  margin-top: 0;
}
html .content ul,
body .content ul {
  margin-top: 0;
}
html .content code,
body .content code {
  font-size: 0.8rem;
}
html .content .related,
body .content .related {
  border-top: 1px solid #723d46;
  margin-top: 4rem;
  padding-top: 2rem;
}
html .content .related .related-tag,
body .content .related .related-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html .content .related .related-tag svg,
body .content .related .related-tag svg {
  height: 1.2rem;
}
html .content .related .related-posts,
body .content .related .related-posts {
  margin-top: 0.5rem;
}
html .content .related .note,
body .content .related .note {
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
}
html .content .related .note .note-title,
body .content .related .note .note-title {
  color: #e26d5c;
  text-decoration: none;
  display: flex;
  align-items: center;
}
html .content .related .note .note-title:hover,
body .content .related .note .note-title:hover {
  color: #ffe1a8;
}
html .content .related .note .note-title .title-icon,
body .content .related .note .note-title .title-icon {
  width: 1.4rem;
  margin-left: -1.8rem;
  padding-right: 0.4rem;
  color: inherit;
}
html .content .related .note .note-title .title-text,
body .content .related .note .note-title .title-text {
  font-weight: bold;
  font-size: 1.3rem;
  color: inherit;
}
html .content .related .note .note-subtitle,
body .content .related .note .note-subtitle {
  margin-bottom: 0;
}
html .content .related .note .note-date,
body .content .related .note .note-date {
  margin-top: 0;
  font-size: 1rem;
  opacity: 0.5;
}