/* Entraînement aux dérivées : styles. Les formules sont composées par MathJax (polices TeX), le texte hérite de la police du site. */
body{background:#333;color:#f2f2f2;color-scheme:dark}
body .page-content,body .site-footer{color:#f2f2f2}
body .page-content a,body .site-footer a{color:#9db7ff}
#deriv{--bg:#333;--cd:#414141;--tx:#f2f2f2;--mu:#b8b8b8;--ln:#666;--ac:#4f8cff;--ax:#1d1d1b;--cu:#9db7ff;--ok:#56c98b;--okb:#203d2d;--ko:#ff8585;--kob:#4a2929;--kb:#4a4a4a;background:var(--bg);color:var(--tx);line-height:1.45;max-width:640px;margin:1.5rem auto;padding:14px;border-radius:14px;box-sizing:border-box;text-align:left}
#deriv *{box-sizing:border-box}
#deriv .card{background:var(--cd);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;margin:10px 0}
#deriv .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#deriv .saved-actions{display:flex;gap:8px;flex-wrap:wrap}
#deriv .saved-list{background:var(--cd);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;margin:10px 0}
#deriv .saved-list[hidden]{display:none}
#deriv .saved-item{padding:10px 0;border-bottom:1px solid var(--ln)}
#deriv .saved-item:first-child{padding-top:0}
#deriv .saved-item:last-child{padding-bottom:0;border-bottom:0}
#deriv .saved-item .m{font-size:1.1rem}
#deriv .saved-item .saved-actions{margin-top:8px}
#deriv .seg{display:inline-flex;border:1px solid var(--ln);border-radius:10px;overflow:hidden}
#deriv .seg button{border:0;border-radius:0;background:var(--cd);color:var(--tx);padding:8px 14px;font:inherit;cursor:pointer}
#deriv .seg .on{background:var(--ac);color:var(--ax);font-weight:700}
#deriv select{font:inherit;padding:4px 6px;border-radius:8px;border:1px solid var(--ln);background:var(--cd);color:var(--tx)}
#deriv .lb,#deriv .mu,#deriv small{color:var(--mu)}#deriv .lb{font-size:.85rem;margin-bottom:4px}
#deriv .m{font-size:1.5rem;line-height:1.3;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:4px 0}
#deriv .m mjx-container{margin:0!important;color:var(--tx)}
#deriv .m.st{font-size:1.1rem;white-space:normal;overflow:visible;line-height:2}
#deriv #dv-ed{min-height:2.8rem}
#deriv .kp{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}
#deriv .kp[hidden]{display:none}
#deriv .kp button{min-height:46px;font:inherit;font-size:1.05rem;border:1px solid var(--ln);border-radius:9px;background:var(--cd);color:var(--tx);touch-action:manipulation;padding:0;cursor:pointer}
#deriv .kp .n{background:var(--kb)}
#deriv .kp .v{font-style:italic}
#deriv .kp .arr{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}
#deriv .kp .fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;font-size:.8em;line-height:1.1}
#deriv .kp .nu{border-bottom:1px solid currentColor;padding:0 .2em}
#deriv .kp button:disabled{opacity:.35;cursor:default}
#deriv sup{font-size:.7em;line-height:0}
#deriv .b{border:1px solid var(--ln);background:var(--cd);color:var(--tx);border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer}
#deriv .pri{background:var(--ac);border-color:var(--ac);color:var(--ax);font-weight:700}
#deriv .b.saved{background:var(--ac);border-color:var(--ac);color:var(--ax)}
#deriv button:focus-visible,#deriv select:focus-visible{outline:2px solid var(--cu);outline-offset:2px}
#deriv .opt{display:block;width:100%;text-align:left;margin:8px 0;padding:10px 14px;border:1px solid var(--ln);border-radius:12px;background:var(--cd);color:var(--tx);cursor:pointer}
#deriv .opt.ok,#deriv .msg.ok{background:var(--okb);border-color:var(--ok)}
#deriv .opt.ko,#deriv .msg.ko{background:var(--kob);border-color:var(--ko)}
#deriv .msg{padding:8px 12px;border:1px solid;border-radius:10px;margin:8px 0}
#deriv .acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}