/* Kapitel 270 — NUR Modul-Spezialoptik. Alles Allgemeine kommt aus assets/css/style.css. */

/* Fenster-Tabelle im Abschnitt "Runter zum Tensor": Pfeil zwischen Fenster und Ziel */
.zr-fenster .matrix-row { align-items: center; }
.zr-pfeil { color: #0047AB; font-weight: 700; padding: 0 .25rem; }

/* Legende unter dem Chart in Labor I */
.zr-legende { font-size: .85rem; color: #5a6270; margin: .2rem 0 .8rem; }
.zr-key { display: inline-block; width: 18px; height: 3px; vertical-align: middle;
  margin-right: .2rem; border-radius: 2px; }
.zr-key-ist { background: #8c93a0; }
.zr-key-naiv { background: #e0a800; }
.zr-key-sais { background: #8e44ad; }
.zr-key-netz { background: #0047AB; height: 4px; }

/* Schalter-Zeilen: Checkbox + Text als ein Block, damit auf 360 px nichts umbricht */
.zr-schalter { margin: .35rem 0; }
.zr-check { display: flex; align-items: flex-start; gap: .5rem; font-weight: 600;
  min-width: 0; flex-basis: 100%; cursor: pointer; line-height: 1.4; }
.zr-check input { margin-top: .25rem; width: 18px; height: 18px; accent-color: #0047AB; flex: 0 0 auto; }

/* Konfusionsmatrix: 2x2 aus .matrix-element plus Beschriftungsspalte */
.zr-konf-titel { margin: .8rem 0 .2rem; font-size: .9rem; }
.zr-konf { gap: .3rem; }
.zr-konf .matrix-row { align-items: center; gap: .3rem; }
.zr-kopf { min-width: 92px; font-size: .78rem; color: #5a6270; text-align: right;
  padding-right: .2rem; }
.zr-konf .matrix-element { min-width: 62px; }
.zr-konf .matrix-element.zr-gut { background: #d4edda; border-color: #28a745; }

@media (max-width: 480px) {
  .zr-kopf { min-width: 74px; font-size: .72rem; }
  .zr-konf .matrix-element { min-width: 50px; font-size: .9rem; }
  .zr-fenster .matrix-element { min-width: 40px; font-size: .85rem; }
}

/* Lange DOI-/URL-Texte duerfen auf schmalen Displays umbrechen (sonst 23 px Ueberstand) */
.zr-quellen a { overflow-wrap: anywhere; }