/* Kapitelseiten: einheitliche Zeilen (Unterkapitel · Übung · Text-/Abituraufgaben · Test · PowerPoint · Live-Quiz)
   2026-10-07 · eingebunden direkt vor </body>, Fachfarben über <html data-fach="…"> */

html[data-fach="physik"]     { --kz1:#e6dcf2; --kz2:#c9b3e8; --kz3:#7c5fb5; --kz4:#3d2a6b; }
html[data-fach="biologie"]   { --kz1:#fce5d4; --kz2:#f5c8a0; --kz3:#b8542a; --kz4:#5a2810; }
html[data-fach="chemie"]     { --kz1:#d8edd2; --kz2:#b8d8b0; --kz3:#4a8a45; --kz4:#1f4a1a; }
html[data-fach="mathematik"] { --kz1:#d6e4f5; --kz2:#a8c5e3; --kz3:#3a5a8c; --kz4:#15294a; }
html[data-fach="informatik"] { --kz1:#f7dcc4; --kz2:#f0c79e; --kz3:#c47a3a; --kz4:#6b3a14; }
html[data-fach="schach"]     { --kz1:#efe6d8; --kz2:#d6c8a8; --kz3:#5a4a32; --kz4:#2e2618; }

html[data-fach] {
  --kz-rand: 1px solid rgba(30, 20, 50, .13);
  --kz-schatten: 0 1px 2px rgba(40, 25, 70, .06), 0 3px 8px rgba(40, 25, 70, .07);
  --kz-schatten-hover: 0 6px 14px -4px rgba(40, 25, 70, .14), 0 14px 28px -12px rgba(40, 25, 70, .2);
  --kz-h: 64px;      /* Mindesthöhe jeder Kachel */
  --kz-b: 168px;     /* Breite der Text-Knöpfe */
  --kz-q: 64px;      /* Breite der Bild-Kacheln (PowerPoint, Live-Quiz) */
  --kz-r: 14px;
}

/* ---------- Abstände ---------- */
html[data-fach] .subs { display: flex !important; flex-direction: column !important; gap: 12px !important; }
html[data-fach] .subs .sub-row { display: flex !important; align-items: stretch !important; gap: 12px !important; margin: 0 !important; }
html[data-fach] .subs .lq-gruppe { display: flex !important; align-items: stretch !important; gap: 12px !important; margin: 0 !important; }
html[data-fach] .subs .lq-gruppe-rows { gap: 12px !important; }

/* ---------- Unterkapitel-Karte ---------- */
html[data-fach] .subs .sub-row > .sub-card {
  order: 0; flex: 1 1 auto !important; min-width: 0 !important; min-height: var(--kz-h);
  margin: 0 !important; border: var(--kz-rand) !important; border-radius: var(--kz-r) !important;
  box-shadow: var(--kz-schatten) !important;
}
html[data-fach] .subs .sub-row > .sub-card:hover { box-shadow: var(--kz-schatten-hover) !important; }
html[data-fach] .subs .sub-card .sub-titel { overflow-wrap: break-word; word-break: normal; hyphens: manual; }

/* ---------- Knöpfe Übung · Text-/Abituraufgaben · Test ---------- */
html[data-fach] .subs .sub-row > .sub-ueb {
  flex: 0 0 var(--kz-b) !important; width: var(--kz-b) !important; min-width: 0 !important; min-height: var(--kz-h);
  box-sizing: border-box; padding: 0 12px !important; gap: 9px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border: var(--kz-rand) !important; border-radius: var(--kz-r) !important; box-shadow: var(--kz-schatten) !important;
  font-family: 'Fredoka', Inter, sans-serif !important; font-size: 15px !important; font-weight: 600 !important;
  white-space: nowrap; text-decoration: none !important;
  transition: transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow .25s, background .2s, color .2s;
}
html[data-fach] .subs .sub-row > .sub-ueb svg { width: 19px !important; height: 19px !important; flex-shrink: 0; }
html[data-fach] .subs .sub-row > .sub-ueb { order: 1; background: var(--kz1) !important; color: var(--kz4) !important; }
html[data-fach] .subs .sub-row > .sub-ueb.sub-text,
html[data-fach] .subs .sub-row > .sub-ueb.sub-abi { order: 2; background: var(--kz2) !important; color: var(--kz4) !important; }
html[data-fach] .subs .sub-row > .sub-ueb.sub-test { order: 3; background: var(--kz3) !important; color: #fff !important; }
html[data-fach] .subs .sub-row > .sub-ueb:hover { background: var(--kz3) !important; color: #fff !important; transform: translateY(-2px); box-shadow: var(--kz-schatten-hover) !important; }
html[data-fach] .subs .sub-row > .sub-ueb.sub-test:hover { background: var(--kz4) !important; }
html[data-fach] .subs .sub-row > .sub-ueb:focus-visible { outline: 2.5px solid var(--kz3) !important; outline-offset: 3px; }

/* ---------- Bild-Kacheln PowerPoint · Live-Quiz ---------- */
html[data-fach] .subs .sub-row > .icon-sq,
html[data-fach] .subs .lq-gruppe > .lq-hoch {
  flex: 0 0 var(--kz-q) !important; width: var(--kz-q) !important; min-height: var(--kz-h); align-self: stretch !important;
  box-sizing: border-box; margin: 0 !important; padding: 0 !important; overflow: hidden;
  border: var(--kz-rand) !important; border-radius: var(--kz-r) !important; box-shadow: var(--kz-schatten) !important;
  transition: transform .2s cubic-bezier(.16, 1, .3, 1), box-shadow .25s;
}
html[data-fach] .subs .sub-row > .icon-sq.icon-ppt { order: 4; background: #fff !important; }
html[data-fach] .subs .sub-row > .icon-sq.icon-live { order: 5; background: linear-gradient(135deg, #7c5fb5 0%, #3d2a6b 100%) !important; }
html[data-fach] .subs .sub-row > .icon-sq:hover,
html[data-fach] .subs .lq-gruppe > .lq-hoch:hover { transform: translateY(-2px); box-shadow: var(--kz-schatten-hover) !important; }

/* ---------- Kapiteltest-Banner: gleiche Rundung ---------- */
html[data-fach] .test-row { border-radius: var(--kz-r) !important; }

/* ---------- schmalere Bildschirme ---------- */
@media (max-width: 1100px) {
  html[data-fach] { --kz-b: 148px; }
  html[data-fach] .subs .sub-row > .sub-ueb { font-size: 14px !important; gap: 7px !important; }
}
@media (max-width: 900px) {            /* nur Symbole */
  html[data-fach] { --kz-b: 58px; --kz-q: 58px; }
  html[data-fach] .subs .sub-row > .sub-ueb { padding: 0 !important; }
  html[data-fach] .subs .sub-row > .sub-ueb span { display: none !important; }
  html[data-fach] .subs .sub-row > .sub-ueb svg { width: 21px !important; height: 21px !important; }
}
@media (max-width: 640px) {            /* Handy: Titel oben, Knöpfe als gleich breite Leiste darunter */
  html[data-fach] { --kz-h: 50px; }
  html[data-fach] .subs { gap: 16px !important; }
  html[data-fach] .subs .sub-row { flex-wrap: wrap !important; gap: 8px !important; }
  html[data-fach] .subs .sub-row > .sub-card { flex: 1 1 100% !important; min-height: 58px; }
  html[data-fach] .subs .sub-row > .sub-ueb { flex: 1 1 0 !important; width: auto !important; }
  html[data-fach] .subs .sub-row > .icon-sq { flex: 1 1 0 !important; width: auto !important; }
  html[data-fach] .subs .sub-row > .sub-ueb, html[data-fach] .subs .sub-row > .icon-sq { height: 50px !important; min-height: 0 !important; }
  html[data-fach] .subs .sub-row > .icon-sq img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  html[data-fach] .subs .lq-gruppe { flex-direction: column !important; gap: 8px !important; }
  html[data-fach] .subs .lq-gruppe-rows { gap: 16px !important; }
  html[data-fach] .subs .lq-gruppe > .lq-hoch { flex: 0 0 auto !important; width: 100% !important; min-height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-fach] .subs .sub-row > .sub-ueb,
  html[data-fach] .subs .sub-row > .icon-sq,
  html[data-fach] .subs .lq-gruppe > .lq-hoch { transition: none; }
  html[data-fach] .subs .sub-row > .sub-ueb:hover,
  html[data-fach] .subs .sub-row > .icon-sq:hover,
  html[data-fach] .subs .lq-gruppe > .lq-hoch:hover { transform: none; }
}

/* ---------- Kapiteltest + Live-Quiz am Abschnittsende (2026-10-07b) ----------
   hell wie die Unterkapitel-Karten, nebeneinander in .kap-abschluss */
html[data-fach] .subs .kap-abschluss{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
html[data-fach] .subs .test-row,
html[data-fach] .subs .lq-row{
  display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;column-gap:14px!important;row-gap:0!important;
  width:100%!important;box-sizing:border-box;margin:0!important;min-height:var(--kz-h);padding:10px 12px 10px 12px!important;overflow:hidden;
  background:#faf6ee!important;color:#1a1612!important;text-decoration:none!important;
  border:var(--kz-rand)!important;border-radius:var(--kz-r)!important;box-shadow:var(--kz-schatten)!important;
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s}
html[data-fach] .subs .test-row::before,html[data-fach] .subs .lq-row::before{display:none!important}
html[data-fach] .subs .test-row:hover,html[data-fach] .subs .lq-row:hover{transform:translateY(-2px);box-shadow:var(--kz-schatten-hover)!important;border-color:var(--kz2)!important}
html[data-fach] .subs .test-row:focus-visible,html[data-fach] .subs .lq-row:focus-visible{outline:2.5px solid var(--kz3)!important;outline-offset:3px}
html[data-fach] .subs .test-badge,html[data-fach] .subs .lq-row-badge{
  width:44px!important;height:44px!important;border-radius:12px!important;flex:0 0 auto;display:flex!important;align-items:center;justify-content:center;overflow:hidden;
  background:var(--kz3)!important;color:#fff!important;box-shadow:none!important}
html[data-fach] .subs .test-badge svg{width:22px!important;height:22px!important}
html[data-fach] .subs .lq-row-badge{background:none!important}
html[data-fach] .subs .lq-row-badge img{width:100%;height:100%;display:block}
html[data-fach] .subs .test-row .test-mitte,html[data-fach] .subs .lq-row .test-mitte{display:flex;flex-direction:column;gap:3px;min-width:0}
html[data-fach] .subs .test-row .test-titel,html[data-fach] .subs .lq-row .test-titel{
  font-family:'Fredoka',Inter,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:#1a1612!important;letter-spacing:0!important}
html[data-fach] .subs .test-row .test-titel .h-nr,html[data-fach] .subs .lq-row .test-titel .h-nr{color:var(--kz3)}
html[data-fach] .subs .test-row .test-fakten,html[data-fach] .subs .lq-row .test-fakten{
  display:flex!important;flex-wrap:wrap;gap:0!important;font-family:Inter,sans-serif!important;font-size:12.5px!important;font-weight:500!important;
  letter-spacing:0!important;text-transform:none!important;color:#5b4f43!important}
html[data-fach] .subs .test-row .test-fakten span+span::before,html[data-fach] .subs .lq-row .test-fakten span+span::before{
  content:'·'!important;display:inline!important;width:auto!important;height:auto!important;background:none!important;margin:0 7px!important;transform:none!important;color:var(--kz2)}
html[data-fach] .subs .test-row .test-go,html[data-fach] .subs .lq-row .test-go{
  display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;font-family:'Fredoka',Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;
  color:var(--kz4)!important;background:var(--kz1)!important;border-radius:10px!important;padding:9px 14px!important;box-shadow:none!important;transition:background .2s,color .2s}
html[data-fach] .subs .test-row .test-go svg,html[data-fach] .subs .lq-row .test-go svg{width:15px;height:15px;transition:transform .2s}
html[data-fach] .subs .test-row:hover .test-go,html[data-fach] .subs .lq-row:hover .test-go{background:var(--kz3)!important;color:#fff!important}
html[data-fach] .subs .test-row:hover .test-go svg,html[data-fach] .subs .lq-row:hover .test-go svg{transform:translateX(3px)}
html[data-fach] .subs .test-row-leer .test-go{background:#efe8da!important;color:#8a7e70!important}
@media(max-width:1020px){html[data-fach] .subs .kap-abschluss{grid-template-columns:1fr}}
@media(max-width:560px){
  html[data-fach] .subs .test-row,html[data-fach] .subs .lq-row{grid-template-columns:auto 1fr!important;row-gap:10px!important;padding:12px!important}
  html[data-fach] .subs .test-row .test-go,html[data-fach] .subs .lq-row .test-go{grid-column:1/-1;justify-content:center}
  html[data-fach] .subs .test-row .test-fakten,html[data-fach] .subs .lq-row .test-fakten{display:flex!important}
  html[data-fach] .subs .test-row .test-fakten span+span::before,html[data-fach] .subs .lq-row .test-fakten span+span::before{display:inline!important}
}
@media(prefers-reduced-motion:reduce){html[data-fach] .subs .test-row,html[data-fach] .subs .lq-row,html[data-fach] .subs .test-go,html[data-fach] .subs .test-go svg{transition:none!important}
  html[data-fach] .subs .test-row:hover,html[data-fach] .subs .lq-row:hover{transform:none}}
/* kompakt: Kapitelname steht schon in der Abschnittsüberschrift */
html[data-fach] .subs .test-row .tt-name,html[data-fach] .subs .lq-row .tt-name{display:none}
html[data-fach] .subs .lq-row .test-fakten span:nth-child(4){display:none}

/* ---------- Abschluss-Zeile im Raster der Unterkapitel (2026-10-07c) ----------
   Test-Karte unter den Unterkapitel-Karten, Live-Quiz-Karte unter Übung·Text·Test·Quiz → Kanten fluchten */
html[data-fach] .subs .kap-abschluss{grid-template-columns:minmax(0,1fr) calc(3 * var(--kz-b) + var(--kz-q) + 36px)}
html[data-fach] .subs .test-row,html[data-fach] .subs .lq-row{padding:0 22px 0 16px!important;min-height:68px;column-gap:16px!important}
html[data-fach] .subs .test-badge,html[data-fach] .subs .lq-row-badge{width:40px!important;height:40px!important;border-radius:11px!important}
html[data-fach] .subs .test-badge svg{width:20px!important;height:20px!important}
html[data-fach] .subs .test-row .test-titel,html[data-fach] .subs .lq-row .test-titel{font-weight:500!important}
html[data-fach] .subs .test-row .test-titel .h-nr,html[data-fach] .subs .lq-row .test-titel .h-nr{font-weight:600}
/* Pfeil statt Knopf – wie bei den Unterkapitel-Karten */
html[data-fach] .subs .test-row .test-go,html[data-fach] .subs .lq-row .test-go{font-size:0!important;padding:0!important;background:none!important;color:#5b4f43!important;border-radius:0!important}
html[data-fach] .subs .test-row .test-go svg,html[data-fach] .subs .lq-row .test-go svg{width:18px!important;height:18px!important}
html[data-fach] .subs .test-row:hover .test-go,html[data-fach] .subs .lq-row:hover .test-go{background:none!important;color:var(--kz3)!important}
@media(max-width:1020px){html[data-fach] .subs .kap-abschluss{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  html[data-fach] .subs .kap-abschluss{grid-template-columns:1fr;gap:8px}
  html[data-fach] .subs .test-row,html[data-fach] .subs .lq-row{grid-template-columns:auto 1fr auto!important;padding:10px 16px 10px 12px!important}
  html[data-fach] .subs .test-row .test-go,html[data-fach] .subs .lq-row .test-go{grid-column:auto!important}
}

/* Test-Knopf: etwas heller, dunkle Schrift (2026-10-07d) */
html[data-fach] .subs .sub-row > .sub-ueb.sub-test { background: color-mix(in srgb, var(--kz3) 50%, var(--kz2)) !important; color: #1a1612 !important; }
html[data-fach] .subs .sub-row > .sub-ueb.sub-test:hover { background: var(--kz4) !important; color: #fff !important; }

/* ===== Kapitelzeilen Variante 2 „Segmentleiste mit Nummernspalte“ (Test: <html class="kz-v2">, 2026-10-07) ===== */
html.kz-v2[data-fach] { --kz-b: 150px;
  --s0: color-mix(in srgb, var(--kz1) 45%, #fff); --s3: color-mix(in srgb, var(--kz3) 25%, var(--kz2));
  --s1: color-mix(in srgb, var(--s0) 67%, var(--s3)); --s2: color-mix(in srgb, var(--s0) 33%, var(--s3)); }
/* Unterkapitel-Karte: Nummer als farbige Spalte, kein Pfeil */
html.kz-v2[data-fach] .subs .sub-row > .sub-card { padding: 0 22px 0 0 !important; overflow: hidden; gap: 18px !important; min-height: 68px; background: #faf6ee !important; }
html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-num { align-self: stretch !important; width: auto !important; height: auto !important; min-width: 74px; border: 0 !important; border-radius: 0 !important;
  background: var(--kz3) !important; color: #fff !important; box-shadow: none !important; transform: none !important; font-family: 'Fredoka', Inter, sans-serif !important; font-size: 15px !important; }
html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-arrow { display: none !important; }
html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-titel { font-family: 'Fredoka', Inter, sans-serif; }
/* Segmentleiste Inhalt · Übung · Text · Test */
html.kz-v2[data-fach] .subs .sub-row > .kz-seg { order: 1; display: flex; flex: 0 0 calc(4 * var(--kz-b)); min-height: var(--kz-h); border-radius: var(--kz-r); overflow: hidden;
  border: var(--kz-rand); box-shadow: var(--kz-schatten); }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; padding: 0 8px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
  font-family: 'Fredoka', Inter, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; white-space: nowrap; text-decoration: none !important; color: #1a1612 !important; transition: filter .2s; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb + .sub-ueb { border-left: 1px solid rgba(255, 255, 255, .7) !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb svg { width: 19px !important; height: 19px !important; flex-shrink: 0; color: var(--kz4); }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-inhalt { background: var(--s0) !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb:not(.sub-inhalt):not(.sub-text):not(.sub-abi):not(.sub-test) { background: var(--s1) !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-text,
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-abi { background: var(--s2) !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-test { background: var(--s3) !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb:hover { filter: brightness(.95); background-image: none !important; }
html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb:focus-visible { outline: 2.5px solid var(--kz3) !important; outline-offset: -3px; }
/* Live-Quiz-Kachel flach in der Farbe der Nummernspalte */
html.kz-v2[data-fach] .subs .sub-row > .icon-sq.icon-live { background: var(--kz3) !important; border: 0 !important; }
/* Abschluss: Test | Live-Quiz als eine geteilte Leiste im selben Raster */
html.kz-v2[data-fach] .subs .kap-abschluss { grid-template-columns: minmax(0, 1fr) calc(4 * var(--kz-b) + var(--kz-q) + 12px); gap: 0;
  border-radius: var(--kz-r); overflow: hidden; border: var(--kz-rand); box-shadow: var(--kz-schatten); }
html.kz-v2[data-fach] .subs .kap-abschluss > .test-row,
html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { border-left: 1px solid rgba(30, 20, 50, .1) !important; }
html.kz-v2[data-fach] .subs .kap-abschluss > *:hover { transform: none !important; background: #fff !important; }
html.kz-v2[data-fach] .subs .lq-row-badge { background: var(--kz3) !important; }
@media (max-width: 1100px) { html.kz-v2[data-fach] { --kz-b: 132px; } html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb { font-size: 14px !important; } }
@media (max-width: 1020px) { html.kz-v2[data-fach] .subs .kap-abschluss { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb span { display: none !important; } html.kz-v2[data-fach] { --kz-b: 58px; } }
@media (max-width: 640px) {
  html.kz-v2[data-fach] .subs .sub-row > .kz-seg { flex: 1 1 0 !important; min-height: 50px; }
  html.kz-v2[data-fach] .subs .sub-row > .icon-sq.icon-live { flex: 0 0 50px !important; }
  html.kz-v2[data-fach] .subs .sub-row > .sub-card { min-height: 56px; }
  html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-num { min-width: 64px; }
  html.kz-v2[data-fach] .subs .kap-abschluss { grid-template-columns: 1fr; }
  html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { border-left: 0 !important; border-top: 1px solid rgba(30, 20, 50, .1) !important; }
}
@media (prefers-reduced-motion: reduce) { html.kz-v2[data-fach] .subs .sub-row .kz-seg > .sub-ueb { transition: none; } }
html.kz-v2[data-fach] .subs .sub-row > .sub-card { grid-template-columns: 74px minmax(0, 1fr) 0 !important; column-gap: 18px !important; }
html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-num { justify-self: stretch !important; width: 100% !important; min-width: 0 !important; }
@media (max-width: 640px) { html.kz-v2[data-fach] .subs .sub-row > .sub-card { grid-template-columns: 64px minmax(0, 1fr) 0 !important; } }
html.kz-v2[data-fach] .subs .sub-row > .sub-card { overflow: hidden !important; border-radius: var(--kz-r) !important; }
@media (max-width: 640px) {
  html.kz-v2[data-fach] .subs .sub-row > .kz-seg { flex: 1 1 0 !important; min-width: 0 !important; }
  html.kz-v2[data-fach] .subs .sub-row > .icon-sq.icon-live { flex: 0 0 50px !important; width: 50px !important; height: 50px !important; }
}
@media (max-width: 640px) { html.kz-v2[data-fach] .subs .sub-row > .kz-seg { flex: 1 1 0 !important; max-width: calc(100% - 62px); min-width: 0 !important; } }
@media (max-width: 640px) {
  html.kz-v2[data-fach] .subs .sub-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 50px; gap: 8px !important; }
  html.kz-v2[data-fach] .subs .sub-row > .sub-card { grid-column: 1 / -1; }
  html.kz-v2[data-fach] .subs .sub-row > .kz-seg { max-width: none; }
}
/* kz-v2: Test | Live-Quiz wieder als einzelne abgerundete Kacheln im Zeilenraster */
html.kz-v2[data-fach] .subs .kap-abschluss { gap: 12px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }
html.kz-v2[data-fach] .subs .kap-abschluss > .test-row,
html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { border: var(--kz-rand) !important; border-radius: var(--kz-r) !important; box-shadow: var(--kz-schatten) !important; }
html.kz-v2[data-fach] .subs .kap-abschluss > *:hover { transform: translateY(-2px) !important; background: #faf6ee !important; box-shadow: var(--kz-schatten-hover) !important; }
@media (max-width: 640px) { html.kz-v2[data-fach] .subs .kap-abschluss { gap: 8px !important; } html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { border-top: var(--kz-rand) !important; } }
/* kz-v2: Unterkapitel-Karte ist kein Link mehr (Zugang über „Inhalt“) */
html.kz-v2[data-fach] .subs .sub-row > div.sub-card { cursor: default; }
html.kz-v2[data-fach] .subs .sub-row > div.sub-card:hover { transform: none !important; box-shadow: var(--kz-schatten) !important; background: #faf6ee !important; border-color: rgba(30, 20, 50, .13) !important; }
html.kz-v2[data-fach] .subs .sub-row > div.sub-card:hover .sub-num { transform: none !important; background: var(--kz3) !important; color: #fff !important; }
/* kz-v2: Test | Live-Quiz als zwei Pillen mittig (Abschluss-Variante „Pillen zentriert“) */
html.kz-v2[data-fach] .subs .kap-abschluss { display: flex !important; justify-content: center; flex-wrap: wrap; gap: 14px !important; margin-top: 6px !important; }
html.kz-v2[data-fach] .subs .kap-abschluss > .test-row,
html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row,
html.kz-v2[data-fach] .subs > .lq-row { display: inline-grid !important; grid-template-columns: auto auto auto !important; width: auto !important; min-height: 54px !important;
  padding: 0 8px 0 7px !important; column-gap: 12px !important; border-radius: 999px !important; }
html.kz-v2[data-fach] .subs > .lq-row { justify-self: center; align-self: center; margin: 6px auto 0 !important; }
html.kz-v2[data-fach] .subs .test-row .test-badge,
html.kz-v2[data-fach] .subs .lq-row .lq-row-badge { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
html.kz-v2[data-fach] .subs .test-row .test-fakten,
html.kz-v2[data-fach] .subs .lq-row .test-fakten { display: none !important; }
html.kz-v2[data-fach] .subs .test-row .test-go,
html.kz-v2[data-fach] .subs .lq-row .test-go { font-size: 14px !important; padding: 9px 14px !important; border-radius: 999px !important; background: var(--s1) !important; color: var(--kz4) !important; }
html.kz-v2[data-fach] .subs .test-row .test-go svg,
html.kz-v2[data-fach] .subs .lq-row .test-go svg { width: 16px !important; height: 16px !important; }
html.kz-v2[data-fach] .subs .test-row:hover .test-go,
html.kz-v2[data-fach] .subs .lq-row:hover .test-go { background: var(--kz3) !important; color: #fff !important; }
@media (max-width: 640px) {
  html.kz-v2[data-fach] .subs .kap-abschluss { flex-direction: column; align-items: stretch; gap: 8px !important; }
  html.kz-v2[data-fach] .subs .kap-abschluss > .test-row, html.kz-v2[data-fach] .subs .kap-abschluss > .lq-row { grid-template-columns: auto 1fr auto !important; border-top: var(--kz-rand) !important; }
  html.kz-v2[data-fach] .subs .test-row .test-go, html.kz-v2[data-fach] .subs .lq-row .test-go { grid-column: auto !important; }
}
/* kz-v2: Wiederholung (reakt) behält die orange Nummer; hohe Live-Quiz-Kachel flach */
html.kz-v2[data-fach] .subs .sub-row .sub-card .sub-num.reakt { background: #e79a3a !important; color: #2f2f2f !important; }
html.kz-v2[data-fach] .subs .lq-gruppe > .lq-hoch { background: var(--kz3) !important; border: 0 !important; }

/* ===== Klausurblock v1 (2026-10-08): Wiederholen/Üben als Kapitelzeilen, Selbsttest + Probe-KA als Pillen =====
   Markup per _vorlagen/_werkzeug/klausurblock_v1.py (div.subs.ka-v1) */
html.kz-v2[data-fach] .subs.ka-v1 .sub-row > .kz-seg.ka-seg { flex: 0 0 calc(4 * var(--kz-b) + var(--kz-q) + 12px); }
html.kz-v2[data-fach] .subs.ka-v1 .sub-row .sub-card .sub-num.ka-num { display: flex !important; align-items: center !important; justify-content: center !important; }
html.kz-v2[data-fach] .subs.ka-v1 .sub-row .sub-card .sub-num.ka-num svg { width: 22px; height: 22px; }
html.kz-v2[data-fach] .subs.ka-v1 .sub-row > .sub-card { cursor: default; }
html.kz-v2[data-fach] .subs.ka-v1 .sub-row > .sub-card .sub-titel { font-size: 16px; }
html[data-fach] .subs.ka-v1 .kap-abschluss.ka-abschluss { margin-top: 0 !important; }
@media (max-width: 900px) {
  html.kz-v2[data-fach] .subs.ka-v1 .sub-row .kz-seg.ka-seg > .sub-ueb span { display: inline !important; }
  html.kz-v2[data-fach] .subs.ka-v1 .sub-row .kz-seg.ka-seg > .sub-ueb { flex-direction: column; gap: 3px !important; font-size: 12.5px !important; white-space: normal; line-height: 1.1; text-align: center; padding: 6px 4px !important; }
}
@media (max-width: 640px) {
  html.kz-v2[data-fach] .subs.ka-v1 .sub-row.ka-zeile { grid-template-columns: minmax(0, 1fr) !important; }
  html.kz-v2[data-fach] .subs.ka-v1 .sub-row.ka-zeile > .kz-seg.ka-seg { min-height: 58px; }
}