/* =============================================================================
   Developer Onboarding — Kinetic „Comfort“
   Größere Typo als Theme-Baseline; Padding/Ränder näher an der früheren Kinetic-
   Folie (vor Harness-Theme-Overlays + XL-Spacings): flache Fläche, einheitliches
   Slate-Grau, Theme-konforme Schatten.
   ============================================================================= */

@import url('onboarding-kinetic.css');

/* Typo- und Abstands-Skalierung (nur unter dieser Body-Klasse) */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort {
  --ob-t-hero: clamp(3rem, 5.4vw, 4.35rem);
  --ob-t-h2: clamp(1.95rem, 3.2vw, 2.75rem);
  --ob-t-body: 1.4rem;
  --ob-t-card: 1.12rem;
  --ob-t-label: 0.78rem;
  /* Vor „XL“-Revision: näher an theme-kinetic-Baseline (40 / 56), mit leichtem Comfort-Luftpolster */
  --comfort-pad-x: 56px;
  --comfort-pad-y: 40px;
  --comfort-pad-bottom: 72px;
  --comfort-border: 1px;
  --comfort-border-strong: 2px;
  /* theme-kinetic.css liest --obk-t-* / --obk-space-* — Comfort-Werte durchreichen */
  --obk-t-hero: var(--ob-t-hero);
  --obk-t-h2: var(--ob-t-h2);
  --obk-t-body: var(--ob-t-body);
  --obk-t-card: var(--ob-t-card);
  --obk-t-label: var(--ob-t-label);
}

/* Frühere Farb-/Flächenwirkung: kein Radial-Overlay auf der Folie; kein dunklerer Außenring */
.onboarding-kinetic.onboarding-kinetic--comfort .slide::before {
  display: none;
}

.onboarding-kinetic.onboarding-kinetic--comfort .onboarding-wrapper {
  background: var(--palette-space-bg);
}

/* Fester Viewport + XL-Typo: Inhalt bleibt innerhalb der Folie, keine Scrollbars */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide:not(.slide--hero) .slide-body {
  overflow: hidden;
  min-height: 0;
}

body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide--hero {
  overflow: hidden;
}

/* theme-kinetic setzt Diagramm-Folien auf overflow:visible — verhindert Scroll im Rahmen / clippt falsch.
   Comfort: alles innerhalb der abgerundeten Folie, keine Scrollbars. */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide.slide--diagram {
  overflow: hidden;
}

body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide.slide--diagram .slide-body {
  overflow: hidden;
  min-height: 0;
}

body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide.slide--diagram-split .slide-diagram-row {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}

/* Grid: min-width:auto verhindert Schrumpfen — breite <img>-Intrinsics sprengen sonst die Folienbreite (z. B. Folie 8) */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-diagram-row > .slide-diagram-wrap,
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-diagram-row > .slide-diagram-side {
  min-width: 0;
}

/* Grids mit flex:1 im Theme: min-height:0 damit Flex-Scroll in .slide-body greift */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-body .roadmap-grid,
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-body .topic-grid {
  flex: 1 1 auto;
  min-height: 0;
}

body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-body .ob-context-slide,
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-body .repeat-rule-stack {
  flex-shrink: 0;
  min-width: 0;
}

/* bento--3 braucht einen Override: @media (max-width: 1280px) in onboarding.css
   schaltet auf 1fr um — der Kinetic-Comfort-Pflicht-Viewport ist immer 1280px,
   daher die Media-Query hier explizit zuruecknehmen. */
.onboarding-kinetic.onboarding-kinetic--comfort .bento--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Folien: mehr Luft */
.onboarding-kinetic.onboarding-kinetic--comfort .slide {
  padding: var(--comfort-pad-y) var(--comfort-pad-x) var(--comfort-pad-bottom);
  border-radius: 10px;
}

/* Dezenter Innenrahmen als sichtbare 1280x720-Grenze.
   Liegt auf dem Slides-Container (nicht auf .slide), damit er waehrend der
   translateY-Einblendung der Folie nicht kurzzeitig am unteren Rand verschwindet. */
.onboarding-kinetic.onboarding-kinetic--comfort .onboarding-slides {
  border-radius: 10px;
}
.onboarding-kinetic.onboarding-kinetic--comfort .onboarding-slides::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: inherit;
  pointer-events: none;
  z-index: 50;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero {
  padding: 48px 56px var(--comfort-pad-bottom);
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero .ob-kicker {
  font-size: 0.82rem;
  letter-spacing: 0.14em;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero p.ob-subtitle {
  font-size: 1.42rem;
  max-width: 46rem;
  line-height: 1.6;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero p.ob-hero-footnote {
  font-size: 0.88rem;
  line-height: 1.48;
  margin-top: 1.35rem;
}

/* Kopfzeile */
.onboarding-kinetic.onboarding-kinetic--comfort .ob-slide-header {
  font-size: 12px;
  letter-spacing: 0.24em;
  padding-bottom: var(--space-03);
  margin-bottom: var(--space-04);
  border-bottom-width: var(--comfort-border-strong);
}

.onboarding-kinetic.onboarding-kinetic--comfort h2.ob-heading {
  margin-bottom: var(--space-06);
}

/* Konzept-Deck (index.html): Folie 3 — Abstand Titel–Diagramm halbiert, −30 % kumuliert */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-3 h2.ob-heading {
  margin-bottom: calc(var(--space-06) / 2 * 0.7);
}

/* Konzept-Deck Folie 3: keine Scrollbars im slide-body, Diagramm-Wrap wächst nicht mit flex:1,
   sondern nimmt natürliche SVG-Höhe — zusätzliche −30 % Padding gegenüber vorher. */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-3 .slide-body {
  overflow: hidden;
  min-height: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-3 .slide-diagram-wrap {
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding-left: var(--diagram-safe-inset);
  padding-right: var(--diagram-safe-inset);
  padding-top: calc(var(--diagram-safe-inset) * 0.49);
  padding-bottom: calc(var(--diagram-safe-inset) * 0.49);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-3 .slide-body > .bento--autonomy-spectrum {
  margin-bottom: calc(var(--space-06) * 0.49);
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--probdet h2.ob-heading {
  margin-bottom: var(--space-06);
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide-body p {
  margin-bottom: var(--space-05);
}

/* Diagramm: kein großes äußeres Panel (SVG hat eigenes helles Artwork) — Safe Inset wie kinetic */
.onboarding-kinetic.onboarding-kinetic--comfort .slide-diagram-wrap {
  padding: var(--diagram-safe-inset);
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

/* Split-Zeile: wie theme-kinetic — Bild in der Zelle begrenzen (nicht visible, das sprengt die Breite) */
.onboarding-kinetic.onboarding-kinetic--comfort .slide-diagram-row .slide-diagram-wrap {
  overflow: hidden;
  padding: var(--diagram-safe-inset);
  box-sizing: border-box;
}

/* Gestapelte Diagramme: kein zusätzlicher SVG-Drop-Shadow (wie frühere Kinetic-Decks) */
.onboarding-kinetic.onboarding-kinetic--comfort .slide-diagram-wrap img {
  filter: none;
}

/* Diagramm-Skalierung: theme-kinetic (Flex-Resthöhe, --ob-diagram-vs-body-min); dichte Folien: höheres Cap als Theme-„dense“-Default */

body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .slide-diagram-side {
  gap: var(--space-04);
  overflow: hidden;
  overflow-wrap: anywhere;
}

/* Callouts (Schatten wie theme-kinetic .callout) */
.onboarding-kinetic.onboarding-kinetic--comfort .callout {
  border-width: var(--comfort-border-strong);
  padding: var(--space-05) var(--space-06);
  border-radius: 12px;
  margin-top: var(--space-05);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
}

.onboarding-kinetic.onboarding-kinetic--comfort .callout p {
  font-size: 1.22rem;
  line-height: 1.62;
}

.onboarding-kinetic.onboarding-kinetic--comfort .callout--provoke {
  border-width: var(--comfort-border-strong);
}

/* Bento */
.onboarding-kinetic.onboarding-kinetic--comfort .bento {
  gap: var(--space-05);
}

.onboarding-kinetic.onboarding-kinetic--comfort .bento-card {
  border-width: var(--comfort-border-strong);
  border-radius: 20px;
  padding: var(--space-06);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

.onboarding-kinetic.onboarding-kinetic--comfort .bento-card h3 {
  font-size: 0.76rem;
  margin-bottom: var(--space-03);
}

.onboarding-kinetic.onboarding-kinetic--comfort .bento-card p {
  font-size: 1.08rem;
  line-height: 1.58;
}

/* Copilot-Balken */
.onboarding-kinetic.onboarding-kinetic--comfort .copilot-bar-track {
  height: 44px;
  border-width: var(--comfort-border-strong);
}

.onboarding-kinetic.onboarding-kinetic--comfort .copilot-bar-label {
  font-size: 1rem;
  margin-bottom: var(--space-04);
}

.onboarding-kinetic.onboarding-kinetic--comfort .copilot-bar-note {
  font-size: 1.08rem;
}

/* Roadmap */
.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-lede {
  font-size: 1.02rem;
}
.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-note {
  font-size: 0.88rem;
}
.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-grid {
  gap: var(--space-04);
}

.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-cell {
  border-width: var(--comfort-border-strong);
  border-radius: 18px;
  padding: var(--space-05);
}

.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-cell strong {
  font-size: 0.74rem;
  margin-bottom: var(--space-03);
}

.onboarding-kinetic.onboarding-kinetic--comfort .roadmap-cell p {
  font-size: 0.96rem;
  line-height: 1.52;
}

/* Topic-Pills */
.onboarding-kinetic.onboarding-kinetic--comfort .topic-grid {
  gap: var(--space-04);
}

.onboarding-kinetic.onboarding-kinetic--comfort .topic-pill {
  border-width: var(--comfort-border-strong);
  border-radius: 18px;
  padding: var(--space-05);
  font-size: 1.4rem;
  line-height: 1.5;
}

.onboarding-kinetic.onboarding-kinetic--comfort .topic-pill strong {
  font-size: 1.04rem;
  margin-bottom: var(--space-02);
}

.onboarding-kinetic.onboarding-kinetic--comfort .topic-pill__list {
  font-size: 1.22rem;
  line-height: 1.42;
}

/* Nav + Fortschritt: kräftiger (Position wie Theme: oben rechts, ohne Banner) */
.onboarding-kinetic.onboarding-kinetic--comfort #ob-slide-nav {
  top: 16px;
  right: 18px;
  bottom: auto;
}

.onboarding-kinetic.onboarding-kinetic--comfort #ob-slide-counter {
  font-size: 0.82rem;
  min-width: 64px;
}

.onboarding-kinetic.onboarding-kinetic--comfort #ob-reveal-hint {
  font-size: 0.72rem;
  max-width: 240px;
}

.onboarding-kinetic.onboarding-kinetic--comfort #ob-progress-bar {
  height: 5px;
}

.onboarding-kinetic.onboarding-kinetic--comfort code {
  font-size: 0.92em;
  padding: 0.15em 0.45em;
  border-width: var(--comfort-border);
  border-radius: 6px;
}

/* Dichte Folien etwas auflockern */
.onboarding-kinetic.onboarding-kinetic--comfort .slide--dense .slide-body {
  font-size: 1.15rem;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--dense .slide-body p {
  font-size: 1.15rem;
}

.onboarding-kinetic.onboarding-kinetic--comfort .ob-hero-bento {
  gap: calc(var(--space-06) + 4px);
}

.onboarding-kinetic.onboarding-kinetic--comfort .ob-hero-bento .bento-card {
  padding: var(--space-06);
}

/* Bullet lists */
.onboarding-kinetic.onboarding-kinetic--comfort .ob-list {
  gap: var(--space-04);
}
.onboarding-kinetic.onboarding-kinetic--comfort .ob-list li {
  font-size: var(--ob-t-body);
}

/* Konzept-Deck Folie „Doku Layer“: Retros-Spalte — nur Pfeile, bündig mit Überschrift */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-15 .bento-card--accent .ob-list--arrows-only {
  list-style: none;
  margin: var(--space-03) 0 0;
  padding: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-15 .bento-card--accent .ob-list--arrows-only li {
  list-style: none;
  padding-left: 1.35em;
  position: relative;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-15 .bento-card--accent .ob-list--arrows-only li::marker {
  content: none;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-15 .bento-card--accent .ob-list--arrows-only li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0.05em;
  color: var(--palette-space-cyan, #5eead4);
  font-weight: 700;
}

/* slide--text-heavy (Kontext-, Wiederholungs-, Harness-Folien): generische Comfort-Typo */
.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy h2.ob-heading {
  margin-bottom: var(--space-07);
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .slide-body {
  font-size: 1.1rem;
  line-height: 1.54;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .slide-body p {
  font-size: 1.1rem;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .ob-context-h {
  font-size: 1.22rem;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .ob-context-slide .ob-list li {
  font-size: 1.1rem;
  line-height: 1.5;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .slide-body > .bento:has(+ .harness-def-lower) {
  margin-bottom: var(--space-07);
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .ob-list--harness-def li {
  font-size: 1.08rem;
  line-height: 1.5;
}

.onboarding-kinetic.onboarding-kinetic--comfort .slide--text-heavy .harness-def-foot p {
  font-size: 1.1rem;
  line-height: 1.48;
}

/* RAG-Folie: Comfort — etwas größer als Kinetic-Baseline */
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag {
  padding: 28px var(--comfort-pad-x) 60px;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag h2.ob-heading {
  font-size: clamp(1.5rem, 2.35vw, 2.05rem);
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag .bento-card h3 {
  font-size: 0.78rem;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag .bento-card p {
  font-size: 1.1rem;
  line-height: 1.42;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag .bento-card .ob-list--card li {
  font-size: 1.02rem;
  line-height: 1.42;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag .callout p {
  font-size: 1.15rem;
  line-height: 1.44;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--rag .slide-body > .ob-list li {
  font-size: 1.15rem;
  line-height: 1.44;
}

/* Dichte Diagramm-Folien: höhere Mindesthöhe als theme-kinetic (war zu niedrig für „alte“ Comfort-Ansicht) */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort
  .slide--dense:not(.slide--diagram-split)
  .slide-diagram-wrap
  img {
  max-height: min(100%, max(300px, calc(var(--obk-t-body) * 13)));
}

/* =============================================================================
   Per-Slide-Clip-Fixes (Iteration 2026-04-16)
   Adressiert Content-Clipping auf Folien 6, 8, 10, 12, 15, 19, 20, 22
   bei 1280×720 Comfort-Typografie.
   ============================================================================= */

/* Folie 6 (onboarding-slide-6, Entropie): Diagramm größer, Kommentartext kompakter */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-6 .slide-diagram-wrap {
  padding: 4px 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-6 .slide-diagram-wrap img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-6 .slide-body > p {
  font-size: 0.96rem;
  line-height: 1.45;
  margin-bottom: var(--space-03);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-6 .slide-body .ob-list li {
  font-size: 0.98rem;
  line-height: 1.4;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-6 .slide-body .ob-list {
  gap: var(--space-03);
}

/* Folie 8 (onboarding-slide-9, Kontext): 2-Spalten — links gestapelt, rechts oben bündig */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 .ob-context-slide {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-06);
  align-items: start;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 .ob-context-col-left {
  display: flex;
  flex-direction: column;
  gap: var(--space-05);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 .ob-context-h {
  font-size: 1.15rem;
  margin-bottom: var(--space-03);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 .ob-context-slide .ob-list li {
  font-size: 1.02rem;
  line-height: 1.45;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 .ob-context-slide .ob-list {
  gap: var(--space-03);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-9 h2.ob-heading {
  margin-bottom: var(--space-05);
}

/* Folie 10 (onboarding-slide-11, Probabilistisch & deterministisch): Callout-Inhalt kompakter */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout {
  padding: var(--space-04) var(--space-05);
  margin-top: var(--space-04);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout p {
  font-size: 1.05rem;
  line-height: 1.45;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout .ob-list li {
  font-size: 0.98rem;
  line-height: 1.4;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout__follow {
  position: absolute;
  right: 32px;
  bottom: 28px;
  margin: 0;
  font-size: 0.82rem;
  color: rgba(170, 178, 192, 0.65);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout__follow a.ob-link {
  color: rgba(170, 178, 192, 0.65);
  border-bottom: 1px solid rgba(170, 178, 192, 0.25);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 .callout__follow a.ob-link:hover {
  color: rgba(210, 215, 225, 0.9);
  border-bottom-color: rgba(210, 215, 225, 0.5);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-11 h2.ob-heading {
  margin-bottom: var(--space-04);
}

/* Folie 12 (onboarding-slide-rag, RAG): Bento- und Footer-Inhalte kompakter, damit untere Bullets sichtbar bleiben */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .bento-card {
  padding: var(--space-04);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .bento-card p {
  font-size: 0.96rem;
  line-height: 1.36;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .bento-card .ob-list--card {
  gap: 6px;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .bento-card .ob-list--card li {
  font-size: 0.88rem;
  line-height: 1.32;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .callout {
  padding: var(--space-02) var(--space-04);
  margin-top: var(--space-02);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .callout p {
  font-size: 0.94rem;
  line-height: 1.34;
  margin: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .slide-body > .ob-list {
  margin-top: var(--space-02);
  gap: 6px;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag .slide-body > .ob-list li {
  font-size: 0.92rem;
  line-height: 1.32;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-rag h2.ob-heading {
  margin-bottom: var(--space-03);
}

/* Folie 15 (onboarding-slide-8, Abstraktionspyramide split): Pyramide voll zeigen + rechter Text groesser */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-8 .slide-diagram-row {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  margin-top: 50px;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-8 .slide-diagram-row .slide-diagram-wrap {
  /* theme-kinetic: overflow:hidden + width:100% auf img kann die Spitze beschneiden */
  overflow: visible;
  padding: 0;
  align-items: flex-start;
  justify-content: center;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-8 .slide-diagram-wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: top center;
  display: block;
  margin-inline: auto;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-8 .slide-diagram-side p {
  font-size: 1.17rem;
  line-height: 1.48;
  margin-bottom: var(--space-04);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-8 h2.ob-heading {
  margin-bottom: var(--space-04);
}

/* Folie 19 (onboarding-slide-18, Fahrplan 16 Wochen): kompakteres 4×2-Grid fuer 720px */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-18 h2.ob-heading {
  margin-bottom: var(--space-04);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-18 .roadmap-grid {
  gap: var(--space-03);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-18 .roadmap-cell {
  padding: var(--space-03) var(--space-04);
  border-radius: 14px;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-18 .roadmap-cell strong {
  font-size: 0.98rem;
  margin-bottom: 4px;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-18 .roadmap-cell p {
  font-size: 1.23rem;
  line-height: 1.38;
  margin: 0;
}

/* Folie Routines (onboarding-slide-routines): kompakterer Abstand */
/* theme-kinetic .bento hat align-items: start → Karten unterschiedlich hoch; stretch gleicht auf Zeilenhöhe (Scheduled-Spalte als Referenz) aus */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines h2.ob-heading { margin-bottom: var(--space-04); }
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines .slide-body > p { margin-bottom: var(--space-04); }
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines .bento.bento--3 {
  align-items: stretch;
  gap: var(--space-04);
  margin-bottom: var(--space-04);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines .bento-card {
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines .callout { padding: var(--space-03) var(--space-05); }
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #onboarding-slide-routines .callout p { font-size: 0.94rem; margin: 0; }
.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero .ob-hero-corner {
  position: absolute;
  right: 32px;
  bottom: 28px;
  font-size: 0.85rem;
  opacity: 0.78;
  letter-spacing: 0.02em;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero .ob-hero-corner:hover {
  opacity: 1;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero.slide--questions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.onboarding-kinetic.onboarding-kinetic--comfort .slide--hero.slide--questions h1.ob-title {
  text-align: center;
}

/* Konzept-Deck (presentation/index.html): Autonomie-Spektrum — rechte Karte = Höhe der linken Spalte */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .bento--autonomy-spectrum {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .bento--autonomy-spectrum .bento-stack-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-03);
  min-height: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort .bento--autonomy-spectrum > .bento-card {
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
}

/* Konzept-Deck: Tabellen — optische Leerzeile direkt unter der Header-Zeile */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-4 .agentic-table-spacer td,
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-12 .agentic-table-spacer td {
  height: 0.65rem;
  padding: 0.35rem 0;
  border: none;
  background: transparent;
}

/* Konzept-Deck Slide 10: „Warum Harness“ — stärkere Einrückung, kein Pfeil-Prefix */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-10 .callout .ob-list--callout {
  padding-left: 0;
  margin-top: var(--space-03);
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-10 .callout .ob-list--callout li {
  padding-left: 2.35em;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-10 .callout .ob-list--callout li::before {
  content: none;
}

/* Konzept-Deck Slide 20: Meta — mehr Abstand zwischen den Blöcken, linker Block etwas schmaler */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-20 .bento.bento--2 {
  grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr);
  gap: var(--space-06);
}

/* Konzept-Deck Slide 20: „Paradigmen die dabei galten“ — keine Bullet-Punkte */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-20 .bento-card--accent .ob-list {
  list-style: none;
  padding-left: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-20 .bento-card--accent .ob-list li {
  list-style: none;
  padding-left: 0;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-20 .bento-card--accent .ob-list li::marker {
  content: none;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-20 .bento-card--accent .ob-list li::before {
  content: none;
}

/* Konzept-Deck Slide 7: drei Bento-Karten (Team Lead / Parallelisierung / Rollen) auf gleiche Höhe */
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-7 .bento.bento--3 {
  align-items: stretch;
}
body.onboarding-kinetic.theme-kinetic.onboarding-kinetic--comfort #agentic-slide-7 .bento.bento--3 > .bento-card {
  height: 100%;
  box-sizing: border-box;
}