.nav-logo {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-right: 0.3em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.nav-logo-archive {
  -webkit-mask-image: url(/img/nav/archive.svg);
  mask-image: url(/img/nav/archive.svg);
}
.nav-logo-about {
  -webkit-mask-image: url(/img/nav/about.svg);
  mask-image: url(/img/nav/about.svg);
}
.nav-logo-github {
  -webkit-mask-image: url(/img/nav/github.svg);
  mask-image: url(/img/nav/github.svg);
}
.nav-logo-twitter {
  -webkit-mask-image: url(/img/nav/twitter.svg);
  mask-image: url(/img/nav/twitter.svg);
}

/* Homepage nav hover: white, not Fluid blue */
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:hover i,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  color: #fff !important;
}

/* Equal, tight gap: last summary line ↔ hr ↔ first body line.
   Hexo inserts <span id="more"> between excerpt and hr. */
.post-content p:has(+ #more),
.post-content ul:has(+ #more),
.post-content ol:has(+ #more),
.post-content p:has(+ hr),
.post-content ul:has(+ hr),
.post-content ol:has(+ hr),
.markdown-body p:has(+ #more),
.markdown-body ul:has(+ #more),
.markdown-body ol:has(+ #more),
.markdown-body p:has(+ hr),
.markdown-body ul:has(+ hr),
.markdown-body ol:has(+ hr) {
  margin-bottom: 0;
}
.post-content hr + p,
.post-content hr + ul,
.post-content hr + ol,
.markdown-body hr + p,
.markdown-body hr + ul,
.markdown-body hr + ol {
  margin-top: 0;
}
.post-content hr,
.markdown-body hr {
  margin: 0.75rem 0;
}