/* ============================================================
 * wissen-lernen.css — Feinschliff für Wissen, Handbuch, Lernvideos, QM und Onboarding (Note 1, 09.11.2026)
 * ============================================================
 * Lädt direkt vor bausteine.css (das bleibt das letzte Stylesheet); die Regeln hier sind dafür spezifischer. Nur Farben aus farben.css (hell und dunkel), Schrift ≥ 12 px, Tippziele ≥ 44 px.
 * ============================================================ */

/* Kapitel: „Mehr zum Kapitel“ als Klapp-Zeile (BS.klapp) statt einer leisen Überschrift */
#inhalt .hb-mehr-teile.bs-klapp { border-top: 1px solid var(--bs-kante); padding-top: 0; margin: 20px 0 12px; }
#inhalt .hb-mehr-teile.bs-klapp > summary { color: var(--text); font-weight: 400; }
.hb-mehr-teile .bs-klapp-lage { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.hb-mehr-teile .bs-klapp-inhalt { padding: 0 16px 8px; }

/* Onboarding: zugeklappte Abschnitte im Lernpfad und die Stationskarte ohne Karte-in-Karte */
.ln-pfad .ln-abschnitt.bs-klapp { margin: 10px 0; }
.ln-pfad .ln-abschnitt.bs-klapp .bs-klapp-titel { font-size: 1rem; }
.ln-pfad .ln-abschnitt.bs-klapp.erledigt .bs-klapp-lage { color: var(--gruen-text); }
.ob-vorort .bs-klapp { border: 0; background: transparent; margin: 4px 0 0; }
.ob-vorort .bs-klapp-kopf { padding-left: 0; padding-right: 0; }
.ob-vorort .bs-klapp-inhalt { padding: 0; }

.hb-mehr-teile .bs-klapp-titel { white-space: nowrap; }

/* Azubi-Karte: „Was Azubis nie allein tun ›“ als volles Tippziel (≥ 44 px) */
.az-karte .az-nie { display: flex; align-items: center; min-height: 44px; }
.az-karte .az-nie-wartet { display: block; min-height: 0; padding: 8px 0; line-height: 1.45; }
.az-karte .az-nie-wartet, .az-karte .az-nie-wartet b { color: var(--text); }
.az-karte .az-nie-wartet .zt-leise { color: var(--text-leise); font-weight: 400; }

/* Note 1 W2: Code vom Schild eintippen (Schnitzeljagd ohne Kamera) */
.sj-ohne-kamera { margin-top: 12px; }
.sj-code { display: flex; flex-direction: column; gap: 8px; }
.sj-code .sj-code-eingabe { font-family: ui-monospace, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; font-size: 1.1rem; min-height: 48px; }
.sj-code .sj-code-eingabe::placeholder { letter-spacing: normal; text-transform: none; }
.sj-code .sj-code-fehler { margin: 0; }
.sj-code > .bs-knopf, .sj-code > .bs-knopf-leise { width: 100%; justify-content: center; min-height: 48px; }
.karte .sj-ohne-kamera { text-align: left; display: flex; flex-direction: column; gap: 10px; }
.sj-ohne-kamera > p { margin: 0; }
.sj-ohne-kamera-zeit .bs-knopf-leise { width: 100%; justify-content: center; min-height: 48px; }

/* Handbuch-Netz: Legendenknöpfe sind Tippziele (≥ 44 px, Klicktest 11.11.) */
#inhalt .hb-netz .hb-legende-knopf { min-height: 44px; }
/* Am Handy steht die Bedienzeile sonst über den Legendenknöpfen — dort reicht die Legende */
@media (max-width: 640px) { #inhalt .hb-netz .hb-stiller { display: none; } }
/* Offene Punkte am Handy: die Art steht über dem Text, sonst bleibt dem Text nur eine schmale Spalte */
@media (max-width: 640px) { #inhalt .wk-punkt .wk-posten { flex-direction: column; gap: .35rem; } }