/* Kapitel 260 — Autoencoder: NUR Modul-Spezialoptik.
   Alles Weitere kommt aus assets/css/style.css und wird hier NICHT wiederholt. */

/* Die Flaschenhals-Karte im Architektur-Diagramm hervorheben */
.ae-eng{border:2px dashed var(--hk-rot)}

/* Zwei Canvas nebeneinander (Daten links, Latent-Strahl rechts), mobil untereinander */
.ae-duo{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:.9rem 0}
@media (max-width:760px){ .ae-duo{grid-template-columns:1fr} }
.ae-halb h4{margin:0 0 .4rem;font-size:.95rem;color:var(--hk-blau-dunkel)}

/* Kleine Legende unter den Canvas */
.ae-legende{font-size:.85rem;color:var(--hk-text-soft);margin:.35rem 0 0}
.ae-punkt{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;vertical-align:middle}
.ae-grau{background:#b6bcc4}
.ae-blau{background:var(--hk-blau)}
.ae-rot{background:var(--hk-rot)}

/* Die Loss-Kurve ist bewusst flach — kein voller chart-container-Rahmenabstand */
.ae-loss{margin-top:.6rem;padding:.3rem}