/* ============================================================
   PARTNER (AMZ RACING) — nur Seitenspezifisches
   ============================================================
   Die Seite lebt von den gemeinsamen .v4-page-Komponenten aus
   style-v4.css. Hier stehen: die zwei Partner-Karten, die
   Faktenliste, die Zeitachse (Jahr in Mono, Text daneben) und
   Kontextabstaende.
   ============================================================ */

/* Partner-Karten: wie .v4-karte, aber Artikel statt Link */
.v4-partner .v4-pt-karte {
  background: var(--v4-bg-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius-card);
  padding: var(--v4-space-3);
}
.v4-partner .v4-pt-karte p {
  margin: 0;
  color: var(--v4-text-secondary);
  font-size: 15px;
}
.v4-partner .v4-pt-meta {
  font-family: var(--v4-font-mono);
  font-size: 13px;
  margin-top: var(--v4-space-1);
}

/* Faktenliste im Stil der Case-Study-Fakten */
.v4-partner .v4-pt-fakten {
  display: grid;
  grid-template-columns: minmax(0, 20ch) minmax(0, 1fr);
  gap: 0 var(--v4-space-3);
  max-width: 900px;
  margin: var(--v4-space-3) 0 var(--v4-space-2);
}
.v4-partner .v4-pt-fakten dt {
  font-family: var(--v4-font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--v4-text-secondary);
  border-top: 1px solid var(--v4-border);
  padding-block: var(--v4-space-1);
}
.v4-partner .v4-pt-fakten dd {
  margin: 0;
  border-top: 1px solid var(--v4-border);
  padding-block: var(--v4-space-1);
  color: var(--v4-text-primary);
}
@media (max-width: 600px) {
  .v4-partner .v4-pt-fakten { grid-template-columns: 1fr; }
  .v4-partner .v4-pt-fakten dt { border-top: 1px solid var(--v4-border); padding-bottom: 0; }
  .v4-partner .v4-pt-fakten dd { border-top: none; padding-top: 2px; }
}

/* Zeitachse: Jahr als Mono-Marke, Text daneben — Engineering-
   Dokumentation statt der frueheren roten Timeline */
.v4-partner .v4-pt-zeit {
  list-style: none;
  margin: var(--v4-space-3) 0 var(--v4-space-2);
  padding: 0;
  max-width: 900px;
}
.v4-partner .v4-pt-zeit li {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: var(--v4-space-2);
  border-top: 1px solid var(--v4-border);
  padding-block: var(--v4-space-2);
}
.v4-partner .v4-pt-zeit li:last-child { border-bottom: 1px solid var(--v4-border); }
.v4-partner .v4-pt-jahr {
  font-family: var(--v4-font-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--v4-blue);
  padding-top: 2px;
}
.v4-partner .v4-pt-zeit div {
  color: var(--v4-text-secondary);
  font-size: 15px;
}
.v4-partner .v4-pt-zeit strong { color: var(--v4-text-heading); }

/* Kontextabstaende */
.v4-partner .v4-pt-duo { margin-block: var(--v4-space-3); }
.v4-partner .v4-pt-zwischentitel { margin-top: var(--v4-space-4); }
.v4-partner .v4-pt-liste { margin-bottom: var(--v4-space-2); }
.v4-partner .v4-liste-nummeriert { margin-top: var(--v4-space-2); }

/* Hero-Stichwortzeile: Sichtwoerter, kein Mono-Fliesstext
   (Abnahme-Befund 30.08.2026) */
.v4-partner .v4-pt-punkte {
  font-size: 15px;
  color: var(--v4-text-secondary);
  max-width: 62ch;
  margin: 0 0 var(--v4-space-3);
}

/* Tragende Stationen der Zeitachse (entsprechen den tl-highlights
   des Altdesigns): blauer Kantenakzent bricht die Gleichfoermigkeit */
.v4-partner .v4-pt-zeit li.v4-pt-wichtig {
  border-left: 3px solid var(--v4-action-primary);
  padding-left: var(--v4-space-2);
}