/* calcul.css — format « Calcul guidé » (l'élève calcule, saisit, méthode expliquée). Complète exo.css. */
.glossaire{background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:12px;padding:12px 15px;margin-top:12px}
.glossaire .gt{font-family:var(--disp);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);margin-bottom:6px}
.glossaire .g{font-size:.92rem;margin:4px 0}
.glossaire .g b{font-family:var(--disp);color:var(--ink)}

.enonce{font-size:1.12rem;font-weight:600;margin:2px 0 4px}
.hint{font-size:.9rem;color:var(--ink-2);margin-top:6px}
.answer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.answer-row input{font-family:var(--mono);font-size:1.15rem;font-weight:700;width:150px;max-width:55vw;padding:11px 13px;border:2px solid var(--accent);border-radius:11px;background:var(--paper);color:var(--ink);text-align:right}
.answer-row input:disabled{opacity:1}
.answer-row input.ok{border-color:var(--ok);background:var(--ok-soft,#e7f6ec)}
.answer-row input.ko{border-color:var(--ko);background:var(--ko-soft,#fdecea)}
.answer-row .unite{font-family:var(--disp);font-weight:700;font-size:1.1rem;color:var(--ink-2)}
.answer-row button{min-height:46px}

.explain{margin-top:16px;border-radius:12px;padding:15px 17px;display:none;border:1px solid var(--rule);background:var(--paper)}
.explain.show{display:block}
.explain .t{font-family:var(--disp);font-weight:700;font-size:1.1rem;display:block;margin-bottom:6px}
.explain.good .t{color:var(--ok)} .explain.bad .t{color:var(--ko)}
.methode{background:var(--panel);border-radius:10px;padding:12px 14px;margin-top:6px}
.methode .mt{font-family:var(--disp);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);margin-bottom:6px}
.methode .step{font-family:var(--mono);font-size:.95rem;padding:3px 0;border-bottom:1px dashed var(--rule)}
.methode .step:last-child{border-bottom:0;font-weight:700;color:var(--accent-2)}
.pourquoi{margin-top:10px;font-size:.94rem;color:var(--ink-2)}
.pourquoi b{color:var(--ink)}
.explain .nav{display:flex;justify-content:flex-end;margin-top:14px}