/* kapitel/textaufgaben-extra.css — von Hand gepflegte Ergaenzungen zum Typ
   "textaufgaben". Bewusst eine eigene Datei: textaufgaben.css wird aus
   Referenzseiten generiert und ueberschrieben, diese hier nicht.
   Einbinden NACH textaufgaben.css und NACH fach.css. */

/* Zwei Spalten: links Hinweise, rechts Erwartungshorizont. */
.ta-loesungen{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
  align-items:start;
}
.ta-spalte{display:flex;flex-direction:column;gap:8px;min-width:0}
.ta-spalte-kopf{
  margin:0 0 2px;
  font:600 13px/1.4 Inter,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.ta-spalte-hinweise .ta-spalte-kopf{color:#8a5a20}
.ta-spalte-eh .ta-spalte-kopf{color:var(--fach-ink,var(--ink))}

/* Farben aus der Fach-Palette statt fest verdrahtetem Violett. */
.ta-loesungen .ta-hinweis{background:#fff8ec;border-color:#e8c8a8}
.ta-loesungen .ta-eh{
  background:#f6f3fb;
  background:color-mix(in srgb, var(--fach,#e6dcf2) 40%, #fff);
  border-color:var(--fach-deep,#c9b3e8);
}
.ta-loesungen .ta-box{break-inside:avoid}
.ta-loesungen summary{cursor:pointer}

/* Schmale Fenster: untereinander, Hinweise zuerst. */
@media(max-width:760px){
  .ta-loesungen{grid-template-columns:1fr}
}
@media print{
  .ta-loesungen{display:block}
  .ta-spalte{gap:6px}
}