/* ============================================================
   RECHNUNGEN AUTOMATISIEREN (Wissen-Fachseite) — nur Seitenspezifisches
   ============================================================
   Die Seite lebt vollstaendig von den gemeinsamen
   .v4-page-Komponenten aus style-v4.css. Hier stehen nur
   Kontextabstaende und Kleinigkeiten fuer den Vorher/Nachher-
   Vergleich und das Rechenbeispiel.
   ============================================================ */

/* Nummerierte Ablaufliste braucht Luft zur Einleitung darueber. */
.v4-rechnungen .v4-liste-nummeriert { margin-top: var(--v4-space-2); }

/* Hinweiszeile im Hero (Badges-Ersatz): Abstand zu den Aktionen,
   kein Nachlauf zum Sektionsende. */
.v4-rechnungen .v4-hero .v4-hinweis {
  margin-top: var(--v4-space-4);
  margin-bottom: 0;
}

/* Vorher/Nachher-Vergleich: Listen fuellen die Karte, Eintraege
   etwas kompakter als Fliesstext. */
.v4-rechnungen .v4-vergleich .v4-liste {
  max-width: none;
  margin-top: var(--v4-space-2);
}
.v4-rechnungen .v4-vergleich .v4-liste li {
  font-size: 15px;
  color: var(--v4-text-secondary);
}
.v4-rechnungen .v4-vergleich .v4-liste li:last-child {
  padding-bottom: 0;
}

/* Rechenbeispiel-Karte: Zwischenueberschriften brauchen Abstand
   zum vorherigen Absatz, der letzte Hinweis keinen Nachlauf. */
.v4-rechnungen .v4-beispiel { padding: var(--v4-space-4); }
.v4-rechnungen .v4-beispiel h3 { margin-top: var(--v4-space-3); }
.v4-rechnungen .v4-beispiel h3:first-of-type { margin-top: 0; }
.v4-rechnungen .v4-beispiel p:last-child { margin-bottom: 0; }

/* Nachsaetze unter Vergleich, Karten und Beispiel: normale
   Textfarbe waere zu laut — sie sind Wegweiser, kein Kernsatz. */
.v4-rechnungen .v4-nachsatz {
  max-width: 68ch;
  font-weight: 400;
  color: var(--v4-text-secondary);
}

/* Titel der weiterfuehrenden Linkliste: der Link bleibt als
   solcher erkennbar (Unterstrich mit Abstand wie im Bestand). */
.v4-rechnungen .v4-listentitel a {
  text-decoration: underline;
  text-underline-offset: 3px;
}