/* ------------------------------------------------------------------ *
 * Heading permalink (¶) — prevent the phantom empty line              *
 * ------------------------------------------------------------------ *
 * Material appends an inline `<a class="headerlink">¶</a>` after every
 * heading. When a heading text fills the content column exactly, that
 * link (plus its left margin) overflows and wraps onto a second line —
 * which reads as an empty line between the title and the paragraph.
 * Taking the link out of the inline flow (absolute, positioned at the
 * heading's right edge) keeps its hover behaviour but stops it from
 * ever forcing a line break. */

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  position: relative;
}

.md-typeset .headerlink {
  position: absolute;
  margin-left: 0.4rem;
}