/* ============================================================
   PROJEKTE (HUB) — nur Seitenspezifisches
   ============================================================
   Die Seite lebt von den gemeinsamen .v4-page-Komponenten aus
   style-v4.css. Hier stehen nur: die Mono-Prozesskette des
   Referenzprojekts, die Werkzeug-Karten mit Referenzbildern
   (aus dem Bestand uebernommen, Bildunterschriften tragen die
   Ehrlichkeits-Kennzeichnung) und Kontextabstaende.
   ============================================================ */

/* Prozesskette des Referenzprojekts als ruhige Mono-Zeile */
.v4-projekte .v4-pj-kette {
  font-family: var(--v4-font-mono);
  font-size: 13.5px;
  color: var(--v4-blue);
  margin: 0 0 var(--v4-space-3);
}

/* Case-Study-Muster: die neun Bloecke als Mono-Aufzaehlung */
.v4-projekte .v4-pj-muster { max-width: 76ch; }

/* Werkzeug-Karten: wie .v4-karte, aber Artikel statt Link */
.v4-projekte .v4-pj-karte {
  background: var(--v4-bg-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius-card);
  padding: var(--v4-space-3);
}
.v4-projekte .v4-pj-karte p {
  color: var(--v4-text-secondary);
  font-size: 15.5px;
}
.v4-projekte .v4-pj-meta {
  font-family: var(--v4-font-mono);
  font-size: 12.5px;
  color: var(--v4-slate);
  margin: var(--v4-space-2) 0 0;
}

/* Referenzbilder: Rand wie Karten, Unterschrift klein und ehrlich */
.v4-projekte .v4-pj-bild {
  margin: var(--v4-space-2) 0;
}
.v4-projekte .v4-pj-bild img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius-card);
}
.v4-projekte .v4-pj-bild figcaption {
  font-size: 13.5px;
  color: var(--v4-text-secondary);
  margin-top: var(--v4-space-1);
}
/* Das Referenzbild der AMZ-Sektion begrenzt sich selbst */
.v4-projekte > .v4-sektion .v4-inhalt > .v4-pj-bild { max-width: 920px; }

/* Kontextabstaende */
.v4-projekte .v4-pj-raster { margin-top: var(--v4-space-3); }
.v4-projekte .v4-nachsatz { max-width: 62ch; }