/* ==========================================================================
   Die Seite „Für Lehrkräfte“ (tools/seiten_lehrkraefte.py).

   Nur die Vorschau braucht eigene Regeln: zwei kleine Papierbogen
   nebeneinander, gesetzt wie das gedruckte Blatt (assets/css/
   arbeitsblatt.css) — weiss, schwarze Schrift, die Loesung blau, fett und
   kursiv. Papier ist auch im dunklen Thema weiss: Es zeigt, was aus dem
   Drucker kommt.
   ========================================================================== */

.lk-abschnitt { margin: 2rem 0 0; }
.lk-schritte, .lk-liste { padding-left: 1.3rem; }
.lk-schritte li, .lk-liste li { margin: 0 0 .5rem; }

.lk-vorschau {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  margin: .8rem 0 1rem;
}
.lk-papier {
  background: #fff; color: #111;
  border: 1px solid var(--linie-kraeftig);
  border-radius: 6px;
  padding: .9rem 1rem 1.1rem;
  font-size: .92rem; line-height: 1.5;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}
.lk-papier p { margin: 0; }
.lk-papier-kopf {
  display: flex; align-items: center; gap: .45rem;
  border-bottom: 1px solid #111; padding-bottom: .4rem; margin-bottom: .55rem !important;
  font-size: .78rem;
}
.lk-papier-kopf img { width: 28px; height: 28px; flex: none; border-radius: 50%; }
.lk-papier-kopf strong { font-family: var(--schrift-titel); font-size: .95rem; }
.lk-papier-kopf span { margin-left: auto; font-weight: 700; text-align: right; }
.lk-papier[data-fassung="lehrer"] .lk-papier-kopf span { color: #1d4ed8; }
.lk-papier-titel {
  font-family: var(--schrift-titel); font-weight: 600; font-size: 1.05rem;
  margin-bottom: .5rem !important;
}
.lk-teil { display: flex; align-items: center; gap: .45rem; font-weight: 700; font-size: .85rem; margin-bottom: .35rem !important; }
.lk-buchstabe {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.3rem; height: 1.3rem; border: 1px solid #111; border-radius: 50%;
  font-size: .75rem;
}
.lk-aufgabe { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); }
.lk-nr { font-weight: 700; }
.lk-luecke {
  display: inline-block; min-width: 5.5rem; border-bottom: 1px solid #111;
  margin: 0 .15rem; padding: 0 .2rem; text-align: center;
}
.lk-lsg { color: #1d4ed8; font-weight: 700; font-style: italic; }
.lk-tipp { font-size: .82rem; color: #333; }
.lk-anleitung { font-style: italic; font-size: .82rem; margin-bottom: .4rem !important; }
.lk-kasten {
  display: inline-block; border: 1px solid #111; border-radius: 4px;
  padding: .1rem .6rem; margin-bottom: .45rem !important;
}