dialog: auf eigene Seite auslagern — Beitrag bleibt sauber

- single.html: eingebetteter Dialog raus, stattdessen „→ Dialog"-Link
- neue /dialog/-Seite (content/dialog.md + layouts/_default/dialog.html) mit
  Thread aus ?thread=, Rücklink zum Beitrag
- dialog.js liest Thread aus data-thread ODER ?thread=
- Styling: Pill-Link am Beitragsende, zentrierte Dialog-Seite

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

assets/css/custom.css

@@ -424,12 +424,27 @@ a:hover {
 a.byline-author, a.journal-author { color: inherit; text-decoration: none; }
 a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
 
-/* ── Dialog (Diskussion pro Beitrag) ─────────────────────────────────────── */
-.dialog {
-  max-width: var(--container-width);
-  margin: var(--spacing-xl) auto;
-  padding: 0 var(--spacing-md);
+/* ── Dialog ───────────────────────────────────────────────────────────────── */
+/* Link am Ende des Beitrags (der Beitrag selbst bleibt sauber) */
+.dialog-link {
+  display: inline-block;
+  margin-top: var(--spacing-lg);
+  font-family: var(--font-family-display);
+  font-weight: 500;
+  color: var(--accent);
+  text-decoration: none;
+  border: 1px solid var(--accent);
+  border-radius: 999px;
+  padding: 0.45em 1.2em;
 }
+.dialog-link:hover { background: var(--accent); color: #fff; }
+
+/* Eigene Dialog-Seite (/dialog/?thread=…) */
+.dialog-page { max-width: var(--container-width); margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); }
+.dialog-back { margin: 0 0 var(--spacing-sm); }
+.dialog-back a { color: var(--color-text-muted); text-decoration: none; }
+.dialog-back a:hover { color: var(--accent); }
+
 .dialog-title {
   font-family: var(--font-family-serif);
   border-top: 1px solid var(--color-border);