/*!
 * TSB Akademie – Lektionsseite (0.8)
 * Verbindliche Designlinie: eine Lesespalte, drei Box-Typen, einheitlicher Rhythmus.
 * Wird nach frontend.css geladen. Alle Regeln sind auf .tsba-lesson begrenzt
 * (Ausnahme: die Box-Klassen .tsba-box* sind überall innerhalb .tsba nutzbar).
 */

/* L1. Tokens ------------------------------------------------------------ */
.tsba-lesson,
.tsba .tsba-box {
	--tsba-col: 760px;
	--tsba-side: 300px;
	--tsba-side-gap: 48px;
	--tsba-gap-block: 32px;
	--tsba-box-radius: 14px;
	--tsba-box-pad: 24px;
	--tsba-media-radius: 10px;
	--tsba-surface: var(--tsba-card-bg, #FFFFFF);
	--tsba-tone-info: color-mix(in srgb, var(--tsba-primary, #003C73) 6%, var(--tsba-surface));
	--tsba-tone-info-line: var(--tsba-primary, #003C73);
	--tsba-tone-tip: color-mix(in srgb, var(--tsba-ok, #1F9D57) 8%, var(--tsba-surface));
	--tsba-tone-tip-line: var(--tsba-ok, #1F9D57);
	--tsba-tone-tip-ink: color-mix(in srgb, var(--tsba-ok, #1F9D57) 80%, #000);
	--tsba-tone-warn: color-mix(in srgb, var(--tsba-warn, #B4561C) 8%, var(--tsba-surface));
	--tsba-tone-warn-line: var(--tsba-warn, #B4561C);
	--tsba-tone-quote: color-mix(in srgb, currentColor 5%, var(--tsba-surface));
	--tsba-tone-quote-line: color-mix(in srgb, currentColor 30%, transparent);
}
@media (max-width: 600px) {
	.tsba-lesson,
	.tsba .tsba-box {
		--tsba-gap-block: 24px;
		--tsba-box-pad: 18px;
	}
}

/* L2. Box-Typen (nur diese drei) ---------------------------------------- */
/* Basis: gleiche Breite, gleicher Radius, gleicher Innenabstand. */
.tsba .tsba-box {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: var(--tsba-box-pad);
	border-radius: var(--tsba-box-radius);
	box-shadow: none;
	text-align: left;
}
.tsba .tsba-box > :first-child { margin-top: 0; }
.tsba .tsba-box > :last-child { margin-bottom: 0; }

/* 1. Karte (neutral) */
.tsba .tsba-box--card {
	background: var(--tsba-surface);
	border: 1px solid var(--tsba-line);
	box-shadow: 0 1px 2px rgba(16, 32, 56, .04);
}

/* 2. Hinweis (Callout): getönt, 4px Akzentlinie links, kein Rahmen ringsum */
.tsba .tsba-box--note {
	--tsba-note-bg: var(--tsba-tone-info);
	--tsba-note-line: var(--tsba-tone-info-line);
	--tsba-note-ink: var(--tsba-primary);
	background: var(--tsba-note-bg);
	border: 0;
	border-left: 4px solid var(--tsba-note-line);
}
.tsba .tsba-box--note.is-info { --tsba-note-bg: var(--tsba-tone-info); --tsba-note-line: var(--tsba-tone-info-line); --tsba-note-ink: var(--tsba-primary); }
.tsba .tsba-box--note.is-tip  { --tsba-note-bg: var(--tsba-tone-tip);  --tsba-note-line: var(--tsba-tone-tip-line);  --tsba-note-ink: var(--tsba-tone-tip-ink); }
.tsba .tsba-box--note.is-warn { --tsba-note-bg: var(--tsba-tone-warn); --tsba-note-line: var(--tsba-tone-warn-line); --tsba-note-ink: var(--tsba-warn); }

/* 3. Zitat/Szenario: wie Hinweis, neutral grau, kursiv nur das Zitat */
.tsba .tsba-box--quote {
	--tsba-note-ink: var(--tsba-muted);
	background: var(--tsba-tone-quote);
	border: 0;
	border-left: 4px solid var(--tsba-tone-quote-line);
}
.tsba .tsba-box--quote :is(blockquote, q, .tsba-box-quote) { font-style: italic; }
.tsba .tsba-box--quote blockquote { margin: 0; padding: 0; border: 0; }

/* Kopfzeile: Icon 20px + Label (Kapitälchen-Stil) + optional Titel */
.tsba .tsba-box-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
}
.tsba .tsba-box-head > svg,
.tsba .tsba-box-head > .tsba-box-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	color: var(--tsba-note-ink, var(--tsba-primary));
}
.tsba .tsba-box-label {
	display: inline-block;
	margin: 0;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--tsba-note-ink, var(--tsba-primary));
}
.tsba .tsba-box-title {
	flex-basis: 100%;
	margin: 0;
	font-size: 1.125rem;
	font-weight: 650;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: left;
	color: var(--tsba-heading, inherit);
}
.tsba .tsba-box-head .tsba-box-aside { margin-left: auto; }
.tsba .tsba-box-label + .tsba-box-title { flex-basis: 100%; }
.tsba .tsba-box-head > .tsba-box-title:not(.tsba-box-label + .tsba-box-title) { flex: 1 1 0; min-width: 0; }
/* Kleiner, nicht gerahmter Bereich innerhalb einer Karte (z. B. Checkliste). */
.tsba .tsba-box-inset { margin: 0 0 16px; padding: 14px 16px; border-radius: var(--tsba-media-radius, 10px); background: var(--tsba-soft); }
/* Verschachtelter Hinweis in einer Karte: kompakter. */
.tsba .tsba-box .tsba-box--note,
.tsba .tsba-box .tsba-box--quote { padding: 14px 16px; margin: 0 0 14px; }

/* L3. Rahmen: Theme-Layout neutralisieren -------------------------------- */
/* Eigener Container, unabhängig von Theme-Breiten (Block-Theme constrained, klassische Container). */
.tsba.tsba-lesson,
.tsba.tsba-lesson.alignwide.alignwide {
	--tsba-wrap: calc(var(--tsba-col) + var(--tsba-side-gap) + var(--tsba-side));
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: min(var(--tsba-wrap), 100%, var(--responsive--alignwide-width, 100%)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0;
	container-type: inline-size;
	text-align: left;
}
/* Theme-Titel und Akademie-Leiste auf dieselbe Kante wie die Lektion. */
body.single-tsba_lesson .tsba-wide-title.alignwide.alignwide,
.tsba-focusbar.tsba-focusbar--lesson.alignwide.alignwide {
	box-sizing: border-box;
	width: 100%;
	max-width: min(calc(760px + 48px + 300px), 100%, var(--responsive--alignwide-width, 100%)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left;
}
body.single-tsba_lesson .tsba-wide-title.alignwide.alignwide { padding-left: 0; padding-right: 0; }
.tsba.tsba-lesson :is(.tsba-lesson-grid, .tsba-lesson-main, .tsba-lesson-side) { box-sizing: border-box; }

/* L4. Raster: Spalte + Seitenleiste ------------------------------------- */
.tsba-lesson .tsba-lesson-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: var(--tsba-gap-block);
	width: 100%;
	max-width: var(--tsba-col);
	margin: 0;
	padding: 0;
}
.tsba-lesson .tsba-lesson-grid > .tsba-lesson-main,
.tsba-lesson .tsba-lesson-grid > .tsba-lesson-side {
	flex: none;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
}
@container (min-width: 1100px) {
	.tsba-lesson .tsba-lesson-grid {
		grid-template-columns: minmax(0, var(--tsba-col)) var(--tsba-side);
		column-gap: var(--tsba-side-gap);
		align-items: start;
		max-width: none;
	}
	.tsba-lesson .tsba-lesson-grid > .tsba-lesson-main { max-width: none; }
	.tsba-lesson .tsba-lesson-grid > .tsba-lesson-side {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 16px);
		max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 32px);
		overflow: auto;
	}
}
@container (max-width: 1099.98px) {
	.tsba-lesson .tsba-lesson-grid > .tsba-lesson-side:not(.is-drawer) { position: static; max-height: none; overflow: visible; }
	.tsba-lesson .tsba-lesson-grid > .tsba-lesson-main { max-width: none; }
}
.tsba-lesson > .tsba-gate,
.tsba-lesson > .tsba-lesson-side { max-width: var(--tsba-col); margin: 0 0 var(--tsba-gap-block); }

/* Lesespalte: alle direkten Blöcke gleich breit, einheitlicher Abstand. */
.tsba-lesson .tsba-lesson-main {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--tsba-gap-block);
	padding: 0;
}
.tsba.tsba-lesson .tsba-lesson-main > * {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	float: none;
	align-self: stretch;
}
.tsba.tsba-lesson .tsba-lesson-main > [hidden] { display: none !important; }
.tsba.tsba-lesson .tsba-lesson-main > .tsba-crumbs + .tsba-meta { margin-top: calc(10px - var(--tsba-gap-block)) !important; }
.tsba-lesson .tsba-lesson-main > .tsba-crumbs { margin: 0; }
.tsba-lesson .tsba-lesson-main > .tsba-meta { margin: 0; }

/* Fließtext */
.tsba.tsba-lesson .tsba-lesson-main > :is(.tsba-content, .tsba-intro-text) {
	font-size: calc(1.0625rem * var(--tsba-fs, 1));
	line-height: 1.65;
	text-align: left;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.tsba.tsba-lesson .tsba-content > *,
.tsba.tsba-lesson .tsba-content > .tsba-step > * { max-width: none; margin-left: 0; margin-right: 0; }
.tsba.tsba-lesson .tsba-content > :last-child { margin-bottom: 0; }
.tsba.tsba-lesson .tsba-intro-text > :first-child { margin-top: 0; }
.tsba.tsba-lesson .tsba-intro-text :is(p, ul, ol) { margin: 0 0 1em; }
.tsba.tsba-lesson .tsba-intro-text :is(ul, ol) { padding-left: 1.4em; }
.tsba.tsba-lesson .tsba-intro-text li { margin: 0 0 .4em; }
.tsba.tsba-lesson .tsba-intro-text > :last-child { margin-bottom: 0; }
@media (max-width: 600px) {
	.tsba.tsba-lesson .tsba-lesson-main > :is(.tsba-content, .tsba-intro-text) { font-size: calc(1rem * var(--tsba-fs, 1)); }
}

/* L5. Bestehende Elemente auf die Box-Typen ----------------------------- */
/* Gemeinsame Kopfzeilen-Überschriften in Karten */
.tsba.tsba-lesson .tsba-box-head :is(h2, h3).tsba-box-title { margin: 0; padding: 0; border: 0; font-size: 1.125rem; font-weight: 650; text-align: left; }
.tsba.tsba-lesson .tsba-box-head :is(h2, h3).tsba-box-title::before { content: none; }
.tsba.tsba-lesson .tsba-box-head > .tsba-icon { width: 20px; height: 20px; color: var(--tsba-note-ink, var(--tsba-primary)); }

/* Lernziele = Hinweis (info) */
.tsba.tsba-lesson .tsba-goals.tsba-box { border-radius: var(--tsba-box-radius); }
.tsba.tsba-lesson .tsba-goals-h.tsba-box-head { margin: 0 0 12px; font-size: inherit; letter-spacing: 0; text-transform: none; color: inherit; }
.tsba.tsba-lesson .tsba-goals li { font-size: 1rem; }
.tsba.tsba-lesson .tsba-goals li::before { border-color: var(--tsba-primary); }

/* Video = Karte */
.tsba.tsba-lesson .tsba-video-card .tsba-video,
.tsba.tsba-lesson .tsba-video-card > .tsba-video {
	width: 100%; max-width: none; margin: 0; border-radius: var(--tsba-media-radius); box-shadow: none;
}
.tsba.tsba-lesson .tsba-video-card .tsba-video iframe { border-radius: var(--tsba-media-radius); }
.tsba.tsba-lesson .tsba-video-card figcaption,
.tsba.tsba-lesson .tsba-video-card .tsba-video-cap { margin: 10px 0 0; font-size: .8125rem; color: var(--tsba-muted); }
.tsba.tsba-lesson .tsba-content .tsba-video-card { margin: var(--tsba-gap-block) 0; }
/* Video ohne Karte (älteres Markup im Text) */
.tsba.tsba-lesson .tsba-content > .tsba-video { width: 100%; max-width: none; border-radius: var(--tsba-media-radius); }

/* Downloads/PDF = Karte mit einheitlichen Zeilen */
.tsba.tsba-lesson .tsba-downloads .tsba-files,
.tsba.tsba-lesson .tsba-files--rows { gap: 0; margin: 0; list-style: none; }
.tsba.tsba-lesson .tsba-content .tsba-files--inline.tsba-box { padding: 6px var(--tsba-box-pad); margin: var(--tsba-gap-block) 0; font-size: 1rem; }
.tsba.tsba-lesson .tsba-files--rows > li { margin: 0; padding: 0; }
.tsba.tsba-lesson .tsba-files--rows > li::before { content: none; }
.tsba.tsba-lesson .tsba-files--rows > li + li { border-top: 1px solid var(--tsba-line); }
.tsba.tsba-lesson .tsba-files--rows .tsba-file-row { align-items: center; padding: 10px 0; }
.tsba.tsba-lesson .tsba-files--rows .tsba-file-dl {
	min-height: 48px; padding: 4px 0; border: 0; border-radius: 0; background: none; box-shadow: none;
}
.tsba.tsba-lesson .tsba-files--rows .tsba-file-dl:hover .tsba-file-name { color: var(--tsba-primary); text-decoration: underline; }
.tsba.tsba-lesson .tsba-files--rows .tsba-file-view { min-height: 44px; }
.tsba.tsba-lesson .tsba-files--rows .tsba-pdf-view { margin: 0 0 12px; box-shadow: none; border-radius: var(--tsba-media-radius); }
@media (max-width: 520px) {
	.tsba.tsba-lesson .tsba-files--rows .tsba-file-row { padding: 10px 0 12px; }
}

/* Lernkontrolle = Karte */
.tsba.tsba-lesson .tsba-quiz-status { border-radius: var(--tsba-media-radius); }

/* Merkkarte, Kann ich das?, Notizen = Karte */
.tsba.tsba-lesson .tsba-summary.tsba-box { border-top: 1px solid var(--tsba-line); }
.tsba.tsba-lesson .tsba-summary-over.tsba-box-label { color: var(--tsba-primary); }
.tsba.tsba-lesson .tsba-summary-h.tsba-box-title { margin: 4px 0 0; font-size: 1.125rem; font-weight: 650; }
.tsba.tsba-lesson .tsba-cando-head.tsba-box-head { flex-wrap: nowrap; margin-bottom: 6px; }
.tsba.tsba-lesson .tsba-cando > .tsba-small { margin: 0 0 14px; }
.tsba.tsba-lesson .tsba-cando-list li { border-radius: var(--tsba-media-radius); }
.tsba.tsba-lesson .tsba-reflect.tsba-box { margin: 0 0 12px; border-radius: var(--tsba-media-radius); }
.tsba.tsba-lesson .tsba-reflect-l.tsba-box-label { display: block; margin: 0 0 4px; }
.tsba.tsba-lesson .tsba-note-field { margin-top: 0; border-radius: var(--tsba-media-radius); }
.tsba.tsba-lesson .tsba-notes .tsba-save-state { margin: 8px 0 0; }

/* Lektion abschließen = Karte, linksbündig, Primär-Knopf volle Breite */
.tsba.tsba-lesson .tsba-complete.tsba-box { text-align: left; }
.tsba.tsba-lesson .tsba-complete .tsba-checklist { margin: 0 0 16px; }
.tsba.tsba-lesson .tsba-complete .tsba-checklist[hidden] { display: none; }
.tsba.tsba-lesson .tsba-complete [data-tsba-complete] { display: flex; width: 100%; justify-content: center; }

/* Feedback-Zeile (0.9): dezente Zeile mit Rahmen, zwei Buttons mit SVG-Icon + Text */
.tsba .tsba-fb.tsba-fb-line {
	margin: 0; padding: 14px 18px; text-align: left; font-size: .9375rem;
	border: 1px solid var(--tsba-line); border-radius: var(--tsba-box-radius, 14px);
	background: var(--tsba-surface, var(--tsba-card-bg, #fff)); box-shadow: none;
}
.tsba .tsba-fb-line .tsba-fb__form { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 16px; margin: 0; }
.tsba .tsba-fb-line .tsba-fb__q { margin: 0; flex: 1 1 auto; font-weight: 600; color: var(--tsba-heading, inherit); }
.tsba .tsba-fb-line .tsba-fb__btns { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.tsba .tsba-fb-line .tsba-fb__btn {
	display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; min-height: 40px; margin: 0; padding: 0 14px;
	border: 1px solid var(--tsba-line); border-radius: 999px; background: var(--tsba-surface, var(--tsba-card-bg, #fff));
	color: var(--tsba-text, inherit); font: inherit; font-size: .9rem; font-weight: 600; line-height: 1.2; cursor: pointer;
	box-shadow: none; text-transform: none; letter-spacing: 0; transform: none;
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.tsba .tsba-fb-line .tsba-fb__btn:hover { transform: none; border-color: var(--tsba-primary); color: var(--tsba-primary); background: var(--tsba-surface, var(--tsba-card-bg, #fff)); }
.tsba .tsba-fb-line .tsba-fb__btn:focus-visible { outline: none; box-shadow: var(--tsba-focus); }
.tsba .tsba-fb-line .tsba-fb__ico { flex: 0 0 18px; width: 18px; height: 18px; display: block; }
.tsba .tsba-fb-line .tsba-fb__btn.is-active {
	border-color: var(--tsba-primary); background: color-mix(in srgb, var(--tsba-primary) 10%, var(--tsba-surface, #fff)); color: var(--tsba-primary);
	box-shadow: inset 0 0 0 1px var(--tsba-primary);
}
.tsba .tsba-fb-line .tsba-fb__btn.is-active .tsba-fb__ico { fill: color-mix(in srgb, currentColor 18%, transparent); }
.tsba .tsba-fb-line .tsba-fb__form.is-busy .tsba-fb__btn { cursor: progress; }
.tsba .tsba-fb-line .tsba-fb__thanks { display: inline-flex; align-items: center; gap: 6px; flex: 1 1 100%; margin: 0; font-size: .875rem; font-weight: 600; color: var(--tsba-ok-ink, var(--tsba-tone-tip-ink, var(--tsba-ok))); animation: tsba-fb-in .25s ease both; }
.tsba .tsba-fb-line .tsba-fb__thanks[hidden] { display: none; }
/* Die allgemeine Erfolgsmeldung aus submit.js ersetzt hier die eigene Bestätigungszeile. */
.tsba .tsba-fb-line > .tsba-x-note.is-ok, .tsba .tsba-fb-line .tsba-fb__form > .tsba-x-note.is-ok { display: none; }
.tsba .tsba-fb-line .tsba-x-note { flex: 1 1 100%; margin: 0; }
@keyframes tsba-fb-in { from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) {
	.tsba .tsba-fb.tsba-fb-line { padding: 12px 14px; }
	.tsba .tsba-fb-line .tsba-fb__q { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .tsba .tsba-fb-line .tsba-fb__thanks { animation: none; } }

/* Weitere Kästen aus Filtern (z. B. Abgaben) folgen der Karte */
.tsba.tsba-lesson .tsba-lesson-main > .tsba-x-box.tsba-card { border-radius: var(--tsba-box-radius); padding: var(--tsba-box-pad); box-shadow: none; }

/* Prüfungs-Hinweise = Hinweis (info) */
.tsba.tsba-lesson :is(.tsba-exam-cta, .tsba-final-cta).tsba-box { border-radius: var(--tsba-box-radius); }
.tsba.tsba-lesson :is(.tsba-exam-cta, .tsba-final-cta) p { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; }
.tsba.tsba-lesson :is(.tsba-exam-cta, .tsba-final-cta) p .tsba-icon { width: 20px; height: 20px; color: var(--tsba-primary); margin-top: 2px; }

/* Pager: zwei gleich breite Karten */
.tsba.tsba-lesson .tsba-pager { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.tsba.tsba-lesson .tsba-pager-link {
	min-height: 72px; padding: 14px 18px; border-radius: var(--tsba-box-radius);
	border: 1px solid var(--tsba-line); background: var(--tsba-surface); box-shadow: none;
}
@media (max-width: 480px) {
	.tsba.tsba-lesson .tsba-pager { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.tsba.tsba-lesson .tsba-pager-next { grid-column: auto; }
	.tsba.tsba-lesson .tsba-pager > span:empty { display: none; }
}

/* Gesperrte Lektion */
.tsba.tsba-lesson .tsba-gate.tsba-box { box-shadow: none; }

/* L6. Modul-Seitenleiste: Karte ---------------------------------------- */
.tsba.tsba-lesson .tsba-outline-box.tsba-box {
	padding: 0; overflow: hidden; border-radius: var(--tsba-box-radius); box-shadow: 0 1px 2px rgba(16, 32, 56, .04);
}
.tsba.tsba-lesson .tsba-lesson-side .tsba-outline-box > summary { padding: 18px 18px 10px; }

/* L7. Handy ------------------------------------------------------------ */
@media (max-width: 600px) {
	/* Seitenränder 16px bei Block-Themes */
	body.single-tsba_lesson { --wp--style--root--padding-left: 16px; --wp--style--root--padding-right: 16px; }
	.tsba.tsba-lesson .tsba-pager-link { padding: 12px 14px; min-height: 64px; }
}
@media (max-width: 879px) {
	/* Untere Leiste verdeckt nichts: Abstand am Ende der Lektion */
	.tsba.tsba-lesson:has(.tsba-mbar) { padding-bottom: 16px; }
}
/* Akademie-Leiste kompakt: Kurstitel auf dem Handy ausblenden, keine Umbrüche */
@media (max-width: 560px) {
	.tsba-focusbar.tsba-focusbar--lesson .tsba-fb-titles { display: none; }
	.tsba-focusbar.tsba-focusbar--lesson .tsba-fb-brand { flex: 0 0 auto; }
	.tsba-focusbar.tsba-focusbar--lesson .tsba-fb-prog { margin-left: auto; white-space: nowrap; }
	.tsba-focusbar.tsba-focusbar--lesson .tsba-fb-tools { gap: 4px; }
	.tsba-focusbar.tsba-focusbar--lesson .tsba-fb-prog strong { white-space: nowrap; }
}

/* L8. Dunkelmodus: Töne über Variablen, Karten ohne Schatten ------------- */
@media (prefers-color-scheme: dark) {
	.tsba .tsba-box--card { box-shadow: none; }
	.tsba-lesson,
	.tsba .tsba-box {
		--tsba-tone-info: color-mix(in srgb, var(--tsba-primary) 10%, var(--tsba-surface));
		--tsba-tone-tip-ink: var(--tsba-ok);
	}
}

/* Leere Statuszeilen (Live-Regionen) nehmen keinen Platz ein */
.tsba.tsba-lesson .tsba-save-state:empty { min-height: 0; margin: 0; }