/* static/css/calculators/linear-algebra/inverse_of_a_2x2_matrix_calculator.css */

/* only page-specific rules */

/* layout */
.matrices-area{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.matrix-block{text-align:center;margin:0 10px;}
.matrix-title{margin-bottom:8px;font-weight:600;}

/* matrix styling */
.matrix-wrapper{
  --cell-size:40px;
  display:inline-block;position:relative;padding:8px;vertical-align:middle;
}
.matrix-wrapper table{border-collapse:separate;border-spacing:1px;}
.matrix-cell{width:var(--cell-size);height:var(--cell-size);padding:0;border:1px solid #999;box-sizing:border-box;}
.cell-input{width:100%;height:100%;border:none;padding:0;margin:0;text-align:center;font-size:1rem;background:transparent;outline:none;box-sizing:border-box;}
.matrix-wrapper::before,
.matrix-wrapper::after{content:"";position:absolute;top:0;bottom:0;width:4px;border-top:2px solid #333;border-bottom:2px solid #333;}
.matrix-wrapper::before{left:0;border-left:2px solid #333;border-radius:4px 0 0 4px;}
.matrix-wrapper::after {right:0;border-right:2px solid #333;border-radius:0 4px 4px 0;}

/* steps */
.steps-container .step{margin-bottom:16px;}
.step-explanation{font-weight:600;margin-bottom:4px;}
.step-answer{display:flex;align-items:center;gap:8px;}

/* fraction for steps 2–4: only horizontal line */
.frac-table{border-collapse:collapse;margin-right:12px;}
.frac-table td{border:none;padding:4px 8px;text-align:center;}
.frac-table tr:first-child td{border-bottom:1px solid #333;}

/* answer box */
.answer-box{margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:bold;}
.answer-box strong{font-weight:700;}

/* solve hover */
.solve-button:hover{background-color:#2980b9;}