frontend: Sprung zwischen Diagramm und Text (beide Richtungen)

Knoten und Notationszeile sind nun verknüpft. Der Parser hängte die
Zeilennummer ohnehin schon an jeden Knoten — sie wandert jetzt als data-line
ins Markup.

- Diagramm -> Text: Alt+Klick markiert die ganze Zeile im Editor (Fokus,
  in Sicht gescrollt); Tastatur Alt+Enter, Touch langer Druck (500 ms,
  Wischen bricht ab). Ein zugeklapptes Editor-Panel wird zuerst geöffnet.
- Text -> Diagramm: der Knoten der Cursor-Zeile bekommt weißen Halo +
  Tinte-Ring und wird beim Zeilenwechsel ins Bild gescrollt.
- Alt statt einfachem Klick, weil ein Knoten mit URL als <a> den ganzen
  Kasten belegt (SPEC §6 bleibt unverändert). Der Handler ruft
  preventDefault() — sonst lädt Alt+Klick auf einen Link das Ziel herunter.
  Neuer Tooltip-Hinweis an jedem Knoten (i18n `jumpHint`, 9 Sprachen).
- Gescrollt wird über einen Spiegel-div, nicht über Zeilenhöhe x n: lange
  Zeilen brechen weich um, die naive Rechnung lag im Test bei 60 Zeilen um
  bis zu 525 px daneben.

Beim Verifizieren gefunden und behoben: `ul.or .node{box-shadow:none}` ist
spezifischer als `.node.current` und schluckte den Ring überall unterhalb
einer any-of-Gruppe — die Regel braucht den #out-Präfix.

Verifiziert im Browser (Alt+Klick auf <a>- und div-Knoten, Klick aufs
Größen-Badge, Klick/Enter ohne Alt unverändert, Alt+Enter, kurzer/langer
Druck und Wischen auf Mobil, Panel-Aufklappen aus dem minimierten Zustand,
Zeile nach Sprung immer im sichtbaren Band, Kommentar-/verworfene Zeilen
heben nichts hervor). Vitest 37/37 (3 neue data-line-Tests, Snapshots
aktualisiert). Dokumentiert als D25 + SPEC §9 + frontend/CLAUDE.md + README.

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

docs/SPEC.md

@@ -225,6 +225,24 @@ Scheitert das Laden (häufigster Fall: das Ziel sendet keinen
 `Access-Control-Allow-Origin`-Header, außerdem 404/Netzfehler), bleibt der
 bisherige Stand stehen und es erscheint eine **Warnung**. Siehe D23.
 
+### Sprung zwischen Diagramm und Text
+Jeder Knoten kennt seine Zeilennummer im Notationstext; beide Richtungen sind
+verknüpft (siehe D25):
+
+- **Diagramm → Text:** **Alt+Klick** auf einen Knoten markiert die zugehörige
+  Zeile im Texteditor (ganze Zeile ausgewählt, in Sicht gescrollt, Fokus im
+  Textfeld). Tastatur: **Alt+Enter** am fokussierten Knoten. Auf Touch-Geräten:
+  **langer Druck** (≥ 500 ms); ein Wischen bricht ab. Ist das Editor-Panel
+  zugeklappt, öffnet der Sprung es zuerst.
+- **Text → Diagramm:** Der Knoten der **Cursor-Zeile** wird im Diagramm
+  hervorgehoben (weißer Halo + Ring in Tinte) und beim Zeilenwechsel ins Bild
+  gescrollt. Zeilen ohne Knoten (Kommentar, Leerzeile, ausgeblendetes
+  verworfenes Element) heben nichts hervor.
+- Der **einfache** Klick bleibt unverändert der Link (§6): Ein Knoten mit URL
+  öffnet sie weiterhin im neuen Tab. Deshalb Alt und nicht der einfache Klick.
+- Die Hervorhebung ist eine reine Editierhilfe: nicht im Grafikexport, nicht im
+  Druck.
+
 ### Grafikexport des Diagramms
 Das Diagramm wird aus der Live-Geometrie in ein eigenständiges SVG (nur Formen
 + Text, keine externen Ressourcen) nachgezeichnet. Zwei Icon-Schaltflächen: