ui: zitieren+Versionen als Pills (wie Dialog), Quellen kompakter

- zitieren + Versionen jetzt Akzent-Outline-Pills wie Dialog (statt Links);
  „kopieren" in der Quellenangabe bleibt ein Link
- Quellen/Fußnoten: feste, vom Theme vererbte Zeilenhöhe (~26px) mit
  unitless line-height:1.5 überschrieben + kleinere Abstände → deutlich
  kompakter. Aktionsreihe-Abstände reduziert.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/css/custom.css

@@ -1449,10 +1449,13 @@ img:hover { filter: grayscale(0%); }
 }
 
 .single-content .footnotes {
-  margin-top: var(--spacing-xl);
+  margin-top: var(--spacing-md);
-  padding-top: var(--spacing-md);
+  padding-top: var(--spacing-sm);
   border-top: 1px solid var(--color-border);
   font-size: var(--font-size-small);
+  /* Theme vererbt eine feste Zeilenhöhe (~26px) → bei kleiner Schrift viel zu
+     luftig. Unitless überschreiben, damit die Quellen kompakt sitzen. */
+  line-height: 1.5;
   color: var(--color-text-muted);
 }
 /* Goldmark setzt ein <hr> an den Anfang — wir ersetzen es durch die Überschrift. */
@@ -1463,12 +1466,13 @@ img:hover { filter: grayscale(0%); }
   font-family: var(--font-family-serif);
   font-size: 1rem;
   font-weight: 600;
+  line-height: 1.3;
   color: var(--color-text-primary);
-  margin-bottom: var(--spacing-sm);
+  margin-bottom: 0.4em;
 }
 .single-content .footnotes ol { margin: 0; padding-left: 1.4em; }
-.single-content .footnotes li { margin: 0.3em 0; }
+.single-content .footnotes li { margin: 0.2em 0; }
-.single-content .footnotes li p { margin: 0; }
+.single-content .footnotes li p { margin: 0; line-height: 1.5; }
 .single-content .footnote-backref { text-decoration: none; margin-left: 0.3em; }
 
 /* ------------------------------------------------------------------------
@@ -1478,10 +1482,28 @@ img:hover { filter: grayscale(0%); }
 /* ------------------------------------------------------------------------
    Artikel-Fuß: zitieren (Link + dezente Angabe), Aktionsreihe, Versionen.
    ------------------------------------------------------------------------ */
-/* Zitieren: schlichter Link direkt unter den Quellen. */
+/* zitieren + Versionen: Pills wie Dialog (Akzent-Outline). */
-.cite { margin-top: var(--spacing-md); }
+.cite { margin-top: var(--spacing-sm); }
 .cite-toggle,
-.versions-toggle,
+.versions-toggle {
+  display: inline-block;
+  font-family: var(--font-family-display);
+  font-weight: 500;
+  font-size: 0.82rem;
+  letter-spacing: 0.02em;
+  color: var(--accent);
+  background: none;
+  border: 1px solid var(--accent);
+  border-radius: 999px;
+  padding: 0.28em 0.85em;
+  cursor: pointer;
+}
+.cite-toggle:hover,
+.versions-toggle:hover,
+.cite-toggle[aria-expanded="true"],
+.versions-toggle[aria-expanded="true"] { background: var(--accent); color: #fff; }
+
+/* „kopieren" bleibt ein schlichter Link in der Quellenangabe. */
 .cite-copy {
   font: inherit;
   font-size: var(--font-size-small);
@@ -1493,9 +1515,6 @@ img:hover { filter: grayscale(0%); }
   text-decoration: underline;
   text-underline-offset: 0.2em;
 }
-.cite-toggle:hover,
-.versions-toggle:hover,
-.versions-toggle[aria-expanded="true"],
 .cite-copy:hover { color: var(--accent); }
 
 .cite-box { margin-top: 0.7em; }
@@ -1528,8 +1547,8 @@ img:hover { filter: grayscale(0%); }
   align-items: center;
   justify-content: space-between;
   gap: 0.8em 1em;
-  margin-top: var(--spacing-lg);
+  margin-top: var(--spacing-md);
-  padding-top: var(--spacing-md);
+  padding-top: var(--spacing-sm);
   border-top: 1px solid var(--color-border);
 }
 .article-actions .tag-pills { margin: 0; }