/* ============================================================
   ONLINESHOP-AUTOMATISIERUNG — nur Seitenspezifisches
   ============================================================
   Die Seite lebt von den gemeinsamen .v4-page-Komponenten aus
   style-v4.css (nummerierte Listen, Prozesskette, Linkliste).
   Hier stehen nur: die vertikale Fassung der Szenario-Kette,
   der Programme-Kasten und Kontextabstaende.
   ============================================================ */

/* Kontextabstaende */
.v4-shopauto .v4-liste-nummeriert { margin-top: var(--v4-space-2); }

/* Beispielszenario: die Kette laeuft auf allen Breiten vertikal,
   weil jeder Schritt einen ganzen Absatz traegt — gleiche Optik
   wie die Mobil-Fassung der Prozesskette (Linie links, Marker). */
.v4-shopauto .v4-szenario-kette {
  grid-template-columns: 1fr;
  gap: var(--v4-space-3);
  max-width: 900px;
}
.v4-shopauto .v4-szenario-kette .v4-prozessschritt {
  border-top: none;
  border-left: 2px solid var(--v4-border);
  padding: 0 0 var(--v4-space-1) var(--v4-space-3);
}
.v4-shopauto .v4-szenario-kette .v4-prozessschritt::before {
  top: 2px;
  left: -5px;
}
/* Absaetze in Lesebreite, etwas groesser als die Spaltenfassung */
.v4-shopauto .v4-szenario-kette .v4-prozesstext {
  font-size: 15px;
  max-width: 68ch;
}

/* Programme-Kasten am Ende des Szenarios: ruhige Dokumentflaeche
   auf der hellen Sektion, Rand vor Schatten */
.v4-shopauto .v4-szenario-programme {
  background: var(--v4-bg-page);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius-card);
  padding: var(--v4-space-3) var(--v4-space-4);
  margin-top: var(--v4-space-4);
  max-width: 900px;
}
.v4-shopauto .v4-szenario-programme p {
  margin: 0;
  font-size: 15px;
  color: var(--v4-text-secondary);
}
.v4-shopauto .v4-szenario-programme strong { color: var(--v4-text-heading); }
.v4-shopauto .v4-szenario-programme a { color: var(--v4-blue); }

/* Weiterfuehrende Themen: Liste direkt unter dem Label */
.v4-shopauto .v4-szenario-links { margin-top: var(--v4-space-3); }
