/* ------------------------------------------------------------- footnotes
 * templates/ui/footnotes.html, design system «Footnotes» (WEB-LAY-07,
 * ENT-347). Footnote numbers stand superscript in text-accent (structural
 * red) at the title of their object; the list «Quellen, Anmerkungen und
 * rechtliche Hinweise» (WOR-FUR-17) closes each tab, folded (pattern 05),
 * its entries in text-secondary (MAR-KON-02), its numbers in corum. The
 * disclaimer follows once at the end of the page. .hv-ref is the old name
 * of .fn-ref. */
@layer ui {
.hv-ref, .fn-ref { margin-left: .15em; font-size: var(--t-micro); font-weight: 300; line-height: 0;
  vertical-align: super; color: var(--text-accent); letter-spacing: 0; }
.footnotes { margin: var(--gap-topic) 0 0; padding-top: var(--s-4); border-top: 1px solid var(--rule-fine); }
.footnotes__summary { cursor: pointer; font-size: var(--t-small); color: var(--text-accent); }
.footnotes__summary:hover { color: var(--corum-dark); }
.footnotes[open] > .footnotes__summary { margin-bottom: var(--s-3); }
.footnotes__list { margin: 0; padding-left: var(--s-5); font-size: var(--t-micro); color: var(--text-secondary); }
.footnotes__list li { padding: 2px 0; max-width: none; overflow-wrap: anywhere; }
.footnotes__list li::marker { color: var(--text-accent); }
/* The legal text once at the page end, folded like the sources. */
.dossier-legal { margin: var(--s-7) 0 0; padding-top: var(--s-4); border-top: 1px solid var(--rule-fine); }
.dossier-legal > summary { cursor: pointer; font-size: var(--t-small); color: var(--text-accent); }
.dossier-legal[open] > summary { margin-bottom: var(--s-4); }
}  /* @layer ui */