/* Slide Abbruch: die Regeln der Schleife, darunter der Schlusssatz.
   Oben links, alle Zellen einmal ausgerichtet, Farben aus dem Kit.
   Keine Farbe, die nichts unterscheidet. */

.abbruchbody { display: flex; flex-direction: column; gap: var(--space-4); height: 100%; }

.abbruchregeln { width: 100%; border-collapse: collapse; font-size: clamp(.78rem, .95vw, 1.05rem); table-layout: fixed; }
.abbruchregeln :is(th, td) { overflow-wrap: anywhere; text-align: left; vertical-align: top; padding: .5em .8em .5em 0; line-height: 1.35; border-top: 1px solid var(--color-border); }

.abbruchregeln thead th { border-top: 0; border-bottom: 2px solid var(--color-text-primary); padding-bottom: .4em; font-size: clamp(.76rem, .98vw, 1.08rem); color: var(--color-text-primary); }
.abbruchregeln tbody th { font-weight: 700; color: var(--color-text-primary); width: 22%; }
.abbruchregeln tbody td { color: var(--color-text-primary); width: 39%; }
.abbruchregeln .leer { color: var(--color-text-muted); padding: 1.2em 0; }

.abbruchbody .fuss { margin: 0; font-size: clamp(.9rem, 1.15vw, 1.25rem); font-weight: 700; color: var(--color-text-primary); }

.abbruchbody .abbruch-einordnung { margin: 0; color: var(--color-text-secondary); }
.abbruch-beispiel summary { cursor: pointer; color: var(--color-primary); }
.abbruch-beispiel pre { white-space: pre-wrap; }
.abbruch-beispiel dl { display: grid; grid-template-columns: minmax(6rem, 20%) 1fr; gap: .5rem 1rem; }
.abbruch-beispiel :is(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.abbruch-beispiel dt { font-weight: 700; }