/* 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}
}

/* ===== Kompakt-Layout (15.10.2026, v2) =====
   .aufgabe.ta-kompakt: Text links, Materialien (M1, M2 …) rechts als Karten mit Fachfarben-Balken;
   Teilaufgaben ohne Rahmen, Buchstabe als Kreis, Knöpfe Tipp/Lösung rechts, Inhalt klappt darunter auf.
   Umbau: _backup/textaufgaben-kompakt-2026-10-15/werkzeug/ta_kompakt.py */
[hidden]{display:none!important}
.ta-kompakt .ta-oben{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.ta-kompakt .ta-oben.ohne-fig{grid-template-columns:minmax(0,1fr)}
/* mehrere Materialien: Text oben über volle Breite, Materialien nebeneinander darunter */
.ta-kompakt .ta-oben.mehr-mat{grid-template-columns:minmax(0,1fr);gap:18px}
.ta-kompakt .ta-oben.mehr-mat .ta-material{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}
.ta-kompakt .ta-oben.mehr-mat .ta-mat{display:flex;flex-direction:column}
.ta-kompakt .ta-oben.mehr-mat .ta-mat-inhalt{flex:1;display:flex;flex-direction:column;justify-content:center}
/* quer gestellte Tabelle */
.ta-kompakt .ub-tab.quer th[scope="row"]{text-align:left;white-space:nowrap}
.ta-kompakt .ub-tab.quer td{text-align:center}
.ta-kompakt .aufgabe-text,.ta-kompakt .aufgabe-text p{font-size:16.5px;line-height:1.6}
.ta-kompakt .aufgabe-text p{margin:0 0 12px}
.ta-kompakt .aufgabe-text p:last-child{margin-bottom:0}
/* Aufzählung (1) (2) (3) */
.ta-punkte{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.ta-punkte li{display:flex;gap:10px;align-items:baseline;font-size:16px;line-height:1.55}
.ta-pnr{flex:0 0 auto;display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:6px;background:var(--fach,#d6e4f5);color:var(--fach-ink,#15294a);font:700 12px/1 Inter,system-ui,sans-serif;transform:translateY(-1px)}
/* Materialien wie Abituraufgaben (Balken oben, M-Badge) */
.ta-material{display:grid;gap:14px}
.ta-kompakt .figur.ta-mat{background:#faf6ee;border:1px solid var(--rule,#e4dccb);border-radius:16px;overflow:hidden;padding:0;margin:0!important;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ta-kompakt .ta-mat .fig-title{display:flex;align-items:center;gap:.55em;background:var(--fach-ink,#15294a);color:#fff;font:600 17px/1.2 'Fredoka',sans-serif;margin:0;padding:11px 16px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ta-kompakt .ta-mat .m-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);color:#fff;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;padding:4px 9px;border-radius:7px;flex:0 0 auto}
.ta-kompakt .ta-mat-inhalt{padding:14px 16px}
.ta-kompakt .ta-mat svg{border:0;border-radius:0;background:transparent;max-width:100%}
.ta-kompakt .ta-mat .fig-cap{margin:10px 0 0;padding:0;font-size:13.5px}
.ta-kompakt .ta-mat-tab .ub-tab{margin:0;width:100%}
.ta-kompakt .ta-mat-tab .ub-tabwrap{width:100%}
.ta-kompakt .ta-mat-tab .ub-tab th,.ta-kompakt .ta-mat-tab .ub-tab td{padding:5px 12px;line-height:1.4}
/* Teilaufgaben */
.ta-kompakt .ta-teile{list-style:none;counter-reset:none;display:block;margin:18px 0 0;padding:0;border-top:0}
.ta-kompakt .ta-teile>li{background:none;border:0;border-bottom:0;border-radius:0;padding:8px 4px;margin:0;font-size:16.5px;line-height:1.6}
.ta-kompakt .ta-teile>li::before{content:none;display:none}
.ta-kompakt .ta-zeile{display:flex;gap:14px;align-items:center}
.ta-bu{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--fach-strong,#3a5a8c);color:#fff;display:grid;place-items:center;font:600 16px/1 'Fredoka',Inter,sans-serif}
.ta-kompakt .ta-frage{flex:1;min-width:0}
.ta-kompakt .ta-kn{display:flex;gap:6px;flex-shrink:0}
.ta-kompakt .ta-kn-eh{display:contents}
.ta-knopf{font:700 12.5px/1.4 Inter,system-ui,sans-serif;border-radius:999px;padding:5px 13px;cursor:pointer;border:1.5px solid;background:#fff}
.ta-knopf:focus-visible{outline:2.5px solid var(--fach-strong,#3a5a8c);outline-offset:2px}
.ta-knopf-tipp{color:#6b3a14;border-color:#e8c8a8}
.ta-knopf-tipp[aria-expanded="true"]{background:#e79a3a;border-color:#e79a3a;color:#fff}
.ta-knopf-loes{color:var(--fach-ink,#15294a);border-color:var(--fach-deep,#a8c5e3)}
.ta-knopf-loes[aria-expanded="true"]{background:var(--fach-strong,#3a5a8c);border-color:var(--fach-strong,#3a5a8c);color:#fff}
.ta-kompakt .ta-auf{margin:10px 0 2px 44px;background:none;border:0;padding:0}
.ta-auf-box{border:1.5px solid;border-radius:10px;padding:9px 13px;font-size:15px;line-height:1.6;color:var(--ink)}
.ta-auf-box p{margin:0 0 6px}.ta-auf-box p:last-child{margin:0}
.ta-auf-tipp{background:#fff8ec;border-color:#e8c8a8}
.ta-auf-loes{background:color-mix(in srgb,var(--fach,#e6dcf2) 40%,#fff);border-color:var(--fach-deep,#c9b3e8)}
.ta-auf-kopf{display:block;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.ta-auf-tipp .ta-auf-kopf{color:#9a5c10}
.ta-auf-loes .ta-auf-kopf{color:var(--fach-strong,#3a5a8c)}
@media(max-width:760px){
  .ta-kompakt .ta-oben{grid-template-columns:minmax(0,1fr)}
  .ta-kompakt .ta-zeile{flex-wrap:wrap;align-items:flex-start}
  .ta-kompakt .ta-frage{flex-basis:calc(100% - 44px)}
  .ta-kompakt .ta-kn{margin-left:44px}
}
@media print{.ta-kompakt .ta-kn{display:none}}

/* AFB-Badge (ta-kompakt, 15.10.2026): dunkle Pille wie die Material-Balken, EIN vorwiegender AFB; ohne Ziffer; Stufenanzeige: AFB I = 1 Balken grün, II = 2 Balken gelb, III = 3 Balken rot */
.phase-head .afb-badge.ta-afb{display:inline-flex;align-items:center;gap:9px;background:var(--fach-ink,#15294a);color:#fff;border:0;border-radius:999px;padding:6px 8px 6px 14px;line-height:1;letter-spacing:0;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ta-afb .afb-l{font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;opacity:.7}
.ta-afb .afb-w{font:700 14.5px/1 Inter,system-ui,sans-serif;letter-spacing:.04em}
.ta-afb .afb-st{display:inline-flex;gap:3px;align-items:flex-end;background:rgba(255,255,255,.14);border-radius:999px;padding:5px 7px}
.ta-afb .afb-st i{display:block;width:5px;border-radius:2px;background:rgba(255,255,255,.28)}
.ta-afb .afb-st i:nth-child(1){height:7px}.ta-afb .afb-st i:nth-child(2){height:10px}.ta-afb .afb-st i:nth-child(3){height:13px}
.afb-stufe-1 .afb-st i.an{background:#67b05f}.afb-stufe-2 .afb-st i.an{background:#f4d03f}.afb-stufe-3 .afb-st i.an{background:#e2574c}
@media(max-width:760px){.phase-head .afb-badge.ta-afb{margin-left:0!important}}
@media print{.phase-head .afb-badge.ta-afb{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Zitate als Material (z. B. Vorschläge im Klassenrat): div.ta-zitate > div.ta-zitat > span.ta-wer + span */
.ta-zitate{display:grid;gap:10px}
.ta-zitat{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--rule,#e4dccb);border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.5;color:var(--ink)}
.ta-wer{min-width:48px;text-align:center;background:var(--fach,#d6e4f5);color:var(--fach-ink,#15294a);font:600 13px/1 'Fredoka',Inter,sans-serif;border-radius:999px;padding:5px 10px;margin-top:1px}

/* Kompakt-Layout Nachschärfung (15.10.2026, Mathe K8): Formeln nie umbrechen, breite Tabellen über volle Breite,
   Tabellenkarte neben Grafik nicht auf deren Höhe strecken */
.ta-kompakt .katex{white-space:nowrap}
@media(max-width:600px){.ta-kompakt .aufgabe-text .katex,.ta-kompakt .ta-frage .katex,.ta-kompakt .ta-auf .katex{white-space:normal}}
.ta-kompakt .ta-mat.ta-breit{grid-column:1/-1}
.ta-kompakt .ta-oben.mehr-mat .ta-material:has(.ta-mat-tab):has(svg){align-items:start}
.ta-kompakt .ta-oben.mehr-mat .ta-material:has(.ta-mat-tab):has(svg) .ta-mat-inhalt{justify-content:flex-start}

/* Physik 15.10.2026: einzelnes SVG-Material über volle Breite nicht riesig aufblasen */
html[data-fach="physik"] .ta-kompakt .ta-oben.mehr-mat .ta-mat:only-child svg.ub-svg,html[data-fach="chemie"] .ta-kompakt .ta-oben.mehr-mat .ta-mat:only-child svg.ub-svg,html[data-fach="biologie"] .ta-kompakt .ta-oben.mehr-mat .ta-mat:only-child svg.ub-svg{max-width:620px;margin:0 auto}
html[data-fach="biologie"] .ta-kompakt .ta-mat.ta-breit svg.ub-svg{max-width:620px;margin:0 auto;display:block}
/* Teilaufgaben links neben hohem Material (Klasse .teile-links an .aufgabe.ta-kompakt; Biologie K6, 15.10.2026) */
@media(min-width:761px){
.ta-kompakt.teile-links{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:28px;grid-template-rows:auto 1fr;align-items:start}
.ta-kompakt.teile-links>.ta-oben{display:contents}
.ta-kompakt.teile-links>.ta-oben>.aufgabe-text{grid-column:1;grid-row:1}
.ta-kompakt.teile-links>.ta-oben>.ta-material{grid-column:2;grid-row:1/span 2}
.ta-kompakt.teile-links>.ta-teile{grid-column:1;grid-row:2}
}