#post-info > h1 {
  margin-block: 0.8rem;
}

#post-info > p {
  font-weight: bolder;
  margin-block: .2em;
  opacity: .9;
}

#post-info > img {
  margin-block: .2em;
}

#post-cont {
  --anchoro-opacity: .5;
  font-size: var(--font-size);
  line-height: var(--line-height);
  letter-spacing: 0.01em;
}

#post-cont img {
  background-color: var(--blockquote-bg-color);
}

#post-cont abbr {
  text-decoration: underline;
  text-decoration-color: var(--a-underline-color);
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.15em;
}

@media (prefers-color-scheme: dark) {
  #post-cont img {
    mask-image: linear-gradient(#000000cc, #000000cc);
  }
}

#post-cont *[id]:hover {
  --anchoro-opacity: 1;
}

#post-cont *[id] > a {
  transition: .2s;
  margin-inline: .3em;
  opacity: var(--anchoro-opacity);
}

#tags {
  margin-block: .5em;
}

#tags a {
  white-space: pre;
  margin-inline-end: .4em;
  font-size: 1.2rem;
  line-height: 1.8rem;
}