/* Blog listings: headings are headings, not links.
 *
 * scripts/postprocess.py rewrites the generated markup so a heading's text is
 * plain and a small link icon sits after it. These rules style that markup, and
 * also un-style the original `.toclink` markup in case the rewrite ever stops
 * matching (for example after a Zensical upgrade).
 */

.md-post :is(h1, h2, h3, h4, h5, h6) .toclink {
  color: inherit;
  text-decoration: none;
}

.md-post :is(h1, h2, h3, h4, h5, h6) .post-link {
  display: inline-block;
  margin-left: 0.3em;
  color: var(--md-default-fg-color--lighter);
  text-decoration: none;
  vertical-align: baseline;
}

.md-post :is(h1, h2, h3, h4, h5, h6) .post-link:hover,
.md-post :is(h1, h2, h3, h4, h5, h6) .post-link:focus-visible {
  color: var(--md-accent-fg-color);
}

.md-post :is(h1, h2, h3, h4, h5, h6) .post-link svg {
  width: 0.7em;
  height: 0.7em;
  vertical-align: baseline;
}

@media print {
  .md-post :is(h1, h2, h3, h4, h5, h6) .post-link {
    display: none;
  }
}