/* matrici.css — pagina examples/matrici.php ("Registro di Calcolo Matriciale").
   Stili STRUTTURALI per il DOM generato dal motore matrix_engine.js (griglie di
   input, parentesi delle matrici, registro dei passaggi, bande di risultato,
   schede teoremi). Tavolozza neutra Bootstrap; nessun tema di pagina.
   Tutto scoped sotto #fn-matrici. */

#fn-matrici table.mat{border-collapse:separate;border-spacing:6px}
#fn-matrici table.mat td input{width:64px;height:44px;text-align:center;font-size:1rem;
  font-family:ui-monospace,Menlo,Consolas,monospace;border:1px solid #dee2e6;border-radius:4px;background:#fff}
#fn-matrici .mat-wrap{display:flex;gap:1.6rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
#fn-matrici .mat-label{font-family:Georgia,serif;font-style:italic;font-size:1.3rem;color:#6c757d}

/* parentesi quadre attorno alle matrici */
#fn-matrici .bracket{position:relative;padding:0 10px}
#fn-matrici .bracket::before,#fn-matrici .bracket::after{content:"";position:absolute;top:2px;bottom:2px;width:8px;border:2px solid #212529}
#fn-matrici .bracket::before{left:0;border-right:none;border-radius:6px 0 0 6px}
#fn-matrici .bracket::after{right:0;border-left:none;border-radius:0 6px 6px 0}

/* registro dei passaggi */
#fn-matrici .step{display:grid;grid-template-columns:56px 1fr;gap:0 1.1rem;padding:.9rem 0;border-bottom:1px dashed #dee2e6}
#fn-matrici .step:last-child{border-bottom:none}
#fn-matrici .step .num{font-family:Georgia,serif;font-size:.95rem;color:#0d6efd;text-align:right;
  padding-top:.15rem;border-right:2px solid #0d6efd;padding-right:.8rem}
#fn-matrici .step .body .title{font-weight:600;font-size:.95rem;margin-bottom:.4rem}
#fn-matrici .step .body .note{font-size:.87rem;color:#6c757d;margin-top:.4rem;max-width:62ch}
#fn-matrici .kx{overflow-x:auto;padding:.35rem 0}
#fn-matrici .kx .katex{font-size:1.06em}

/* bande di risultato/avviso */
#fn-matrici .result-band{margin-top:1rem;background:#d1e7dd;border:1px solid #badbcc;border-left:4px solid #146c43;border-radius:4px;padding:.9rem 1.1rem}
#fn-matrici .result-band .lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#146c43;font-weight:700;margin-bottom:.3rem}
#fn-matrici .warn-band{margin:.8rem 0;background:#f8d7da;border:1px solid #f5c2c7;border-left:4px solid #b02a37;border-radius:4px;padding:.7rem 1rem;font-size:.88rem;color:#842029}

/* sotto-calcoli richiudibili */
#fn-matrici details.subcalc{margin:.5rem 0;border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa}
#fn-matrici details.subcalc>summary{cursor:pointer;padding:.5rem .8rem;font-size:.85rem;color:#0d6efd;list-style-position:inside}
#fn-matrici details.subcalc>div{padding:.2rem 1rem .8rem}

/* schede teoremi / correttezza */
#fn-matrici .theorem{border:1px solid #dee2e6;border-left:4px solid #0d6efd;border-radius:4px;background:#f8f9fa;padding:1rem 1.2rem;margin-bottom:1rem}
#fn-matrici .theorem h3{font-family:Georgia,serif;font-size:1rem;margin-bottom:.4rem}
#fn-matrici .theorem .tname{color:#0d6efd}
#fn-matrici .theorem p{font-size:.9rem;margin:.45rem 0;max-width:78ch;line-height:1.5}
#fn-matrici .theorem details{margin-top:.5rem;border-top:1px dashed #dee2e6;padding-top:.4rem}
#fn-matrici .theorem summary{cursor:pointer;font-size:.85rem;color:#0d6efd;font-weight:600}
#fn-matrici .qed{text-align:right;font-size:1.05rem;color:#6c757d}

@media (max-width:640px){
  #fn-matrici .step{grid-template-columns:40px 1fr;gap:0 .7rem}
  #fn-matrici table.mat td input{width:52px;height:40px}
}