/* 060_tensor_operationen — Spezialoptik aus sample0_operations.html (Rest deckt assets/css/style.css ab) */

/* Tensor-Visual als beschriftete Karte (Text + Vektor/Matrix + Shape-Badge gruppiert) */
.tensor-visual{flex-direction:column;background:var(--hk-grau-hell);border-radius:var(--hk-radius);
  padding:1.2rem;min-height:100px}

/* "A op B = C"-Layout fuer Addition/Multiplikation/matmul-Demos — nicht in style.css vorhanden */
.operation-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;
  margin:1.5rem 0;padding:1.5rem;background:var(--hk-grau-hell);border-radius:var(--hk-radius)}
.operation-symbol{font-size:2rem;color:var(--hk-rot);font-weight:700;text-align:center}

/* h4 als Unterueberschrift innerhalb der Interactive-Box — style.css stylt nur h2/h3 */
.interactive-box h4{color:var(--hk-rot);margin:1.5rem 0 .75rem;font-size:1.1rem}

/* V2-Mobile-Fix (2026-09-02): Mehrspalter brechen auf schmalen Displays um */
@media (max-width:700px){.operation-grid{grid-template-columns:1fr;gap:.5rem}.operation-symbol{font-size:1.4rem}}