/* ==========================================================================
   KYTH.Kladde: Stil der Rechtstextseiten (Nutzungsvertrag, Auftragsverarbeitung, Datenschutz,
   Impressum). Der Inhalt kommt aus Markdown und trägt keine Klassen, deshalb stehen die Regeln
   auf den Elementen im Hauptbereich. Nur Tokens des CI-Kits, dunkles Thema, kein Rahmen um Sätze.
   ========================================================================== */

main {
  max-width: 760px;
  overflow-wrap: anywhere;
}

main h1 { margin-bottom: 24px; }
main h2 { margin-top: 40px; margin-bottom: 12px; }
main h3 { margin-top: 24px; margin-bottom: 8px; font-size: 18px; }

main p,
main li {
  color: var(--white-80);
  line-height: 1.7;
}
main p { margin-bottom: 12px; }
main li { margin-bottom: 6px; }
main ul,
main ol { margin: 0 0 16px 24px; }

main a {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
}
main a:hover { color: var(--green-light); }

main strong { color: var(--white); font-weight: 600; }
main code { font-family: var(--font-mono); font-size: 0.9em; color: var(--white); }
main hr { border: 0; border-top: 1px solid var(--border); margin: 32px 0; }

main table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  margin: 16px 0 24px;
  border-collapse: collapse;
  font-size: 14px;
}
main th {
  text-align: left;
  padding: 10px 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--white-60);
  border-bottom: 1px solid var(--white-20);
}
main td {
  padding: 12px;
  vertical-align: top;
  color: var(--white-80);
  border-bottom: 1px solid var(--border);
}