/* HEADING WRAPPER AND ANCHOR */
.heading-wrapper {
    display: flex;
    gap: 0.3em;
    margin-top: 1.5rem;
    align-items: baseline;
}

.heading-anchor {
    line-height: 1;
    opacity: 0.8;
    order: -1;
    text-decoration: none;
}

.heading-anchor:hover {
    text-decoration: underline;
    text-underline-offset: 0.1em;
    opacity: 1;
}

.heading-anchor:focus {
    outline: 2px solid currentColor;
    outline-offset: 0.15em;
}

.heading-anchor [hidden] {
    display: block;
}

:not(.heading-wrapper) + .heading-wrapper {
    margin-top: 1.8em;
}

/* BLOCKQUOTES With CITATIONS */
.c-blockquote__attribution {
    text-align: left;
}

.c-blockquote__attribution::before {
    content: "—";
    margin-right: 0.3em;
}

/* FOOTNOTES */
.footnote-ref {
    margin-left: 0.2em;
}

.footnotes {
    margin-top: 3em;
    border-top: 0.15em solid var(--clr-title-border);
}

.footnotes__title,
.footnotes__title + .heading-anchor {
    font-size: var(--sz-h3);
}

.footnotes-list {
    display: grid;
    gap: 0.3em;
}

.footnotes-list :target {
    background-color: var(--clr-quote-bg);
    outline: 0.1em dashed var(--clr-title-border);
}