frontend: Günstigster-Pfad-Linie mit Stationspunkten + Nesting-Fix

- gestrichelte, geschwungene Petrol-Linie (Katmull-Rom) durch die Endknoten
  des Pfads; kräftig hinter den Knoten, abgetönte Kopie davor
- blasse, große Stationspunkte nur an echten Blättern (U-Bahn-Plan) — macht
  durchquerte Fremd-/Zwischenknoten eindeutig als "nicht Endknoten" erkennbar
- Linie + Punkte auch im SVG/PNG-Export (hinten/vorne-Schichtung)
- Overlays liegen in #out, erben dessen CSS-zoom (Punkte /zoom umgerechnet);
  Neuzeichnung nach render() und applyLayout()
- Beispiel erweitert: Frontend (M) -> PWA | Web+Nativ (Web[/]+Android+iOS)
- Layout-Fix: all-of unter einer any-of-Alternative wird nur horizontal schmal
  transponiert gestapelt (ul.or>li.has-and>ul.and), sonst schob der breite
  Fächer Alternativknoten und Elternbaum weit nach rechts
- Geist-Knoten-Label "Untergliederung fehlt" -> "…" (alle 9 Sprachen), die
  Erklärung bleibt im Tooltip; der lange Text verbreiterte gestapelte Zellen
- SPEC §5/§9 und DECISIONS D18 nachgeführt, Notiz in frontend/CLAUDE.md

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

docs/DECISIONS.md

@@ -173,3 +173,23 @@ Größen-Badge (weiß mit Petrol-Rand statt gefüllt) samt Tooltip, damit die
 Annahme sichtbar und von einer echten `(M)`-Angabe unterscheidbar bleibt. Die
 Größen-Semantik in SPEC §5 bleibt unberührt (die Wertung gilt nur der
 Pfad-Kostenrechnung).
+
+**Pfad-Linie + Stationspunkte (U-Bahn-Plan):** Zusätzlich zur Inversion fädelt
+eine gestrichelte, geschwungene Petrol-Linie durch die **Endknoten** des Pfads.
+Sie liegt **hinter** den Knoten (kräftig in den Lücken), mit einer **abgetönten
+Kopie davor** (deutet den Verlauf beim Durchschreiten eines Knotens nur an —
+Alternative zum harten „über allem"). Problem dabei: läuft die Linie durch
+Fremd-/Zwischenknoten, ist nicht unterscheidbar, ob diese dazugehören
+(besonders im kompakten Modus). Lösung: ein **blasser, großer Stationspunkt**
+nur an den echten Blättern — durchquerte Knoten bleiben punktlos. Blass+groß
+statt klein+satt, damit der Knotentext lesbar bleibt. Alles auch im
+Grafikexport (hinten/vorne-Schichtung nachgezeichnet).
+
+**Layout: all-of unter any-of (horizontal).** Zerlegt eine any-of-Alternative
+selbst wieder all-of (z. B. „Web+Nativ" → Web + Android + iOS), würde der
+breite horizontale Fächer den Alternativknoten zentrieren und samt Elternbaum
+weit nach rechts schieben. Deshalb wird dieser Teilbaum **nur horizontal**
+schmal **transponiert** gestapelt (Kinder untereinander, linker solider
+Verteiler — wie im kompakten Modus), passend zur gestapelten any-of-Spalte
+darüber. Vertikal/kompakt haben ihre eigene `ul.and`-Behandlung und bleiben
+unberührt.