/* Simulation BEFREE « Loi d'Ohm » — feuille autonome (aucune dépendance au site).
   Jetons de la charte : bleu nuit #03244E, ambre #F4B400, terracotta #D9552B / #B8441F,
   encre #1B2733, ciel #E6EEF7, crème #FFF6D6. Pensée pour 360 px et le tactile. */
:root{--navy:#03244E;--amber:#F4B400;--terra:#B8441F;--ink:#1B2733;--ink2:#5F6B78;--line:#D9DFE6;--sky:#E6EEF7;--cream:#FFF6D6;--bg:#0B1F3A}
*{box-sizing:border-box;min-width:0}
html,body{margin:0;background:var(--bg);color:#fff;font:400 15px/22px "Source Sans 3","Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
button,select,input{font:inherit}
.sim{width:min(1180px,100% - 24px);margin:0 auto;padding:10px 0 20px}
.sim-top{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:8px 0 12px}
.sim-title{margin:0;font:700 18px/24px Georgia,"Times New Roman",serif}
.sim-screens{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.sim-screen{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:7px 12px;background:rgba(255,255,255,.08);color:#fff;font:600 13px/18px inherit;cursor:pointer}
.sim-screen.is-on{background:#fff;color:var(--navy)}
.sim-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}
.sim-scene{position:relative;background:#F7F9FC;border-radius:12px;overflow:hidden;aspect-ratio:16/10}
.sim-scene[hidden]{display:none}
.scene{display:block;width:100%;height:100%}
.lbl{font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:700;fill:#fff;letter-spacing:.04em}
.lbl.dark{fill:var(--navy)}
.digit{font-family:Consolas,"Courier New",monospace;font-size:20px;font-weight:700;fill:var(--amber)}
.digit.big{font-size:22px}
.txt{font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;font-size:14px;fill:var(--ink)}
.txt.small{font-size:12px;fill:var(--ink2)}
.sim-hint{position:absolute;left:12px;bottom:10px;margin:0;border-radius:6px;background:rgba(255,255,255,.88);color:var(--navy);padding:2px 8px;font:600 12px/16px inherit}
.sim-panel{background:#fff;color:var(--ink);border-radius:12px;padding:16px;display:grid;gap:14px;align-content:start}
.ctl h2{margin:0 0 6px;font:700 11px/16px inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.ctl label{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font:600 13px/18px inherit;color:var(--ink)}
.ctl output{color:var(--navy);font-variant-numeric:tabular-nums}
.ctl input[type=range]{width:100%;margin:8px 0 2px;accent-color:var(--navy);height:28px}
.ctl select{width:100%;margin-top:6px;border:2px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);font-weight:600}
.ctl .cb{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-weight:400}
.ctl .cb input{width:18px;height:18px;accent-color:var(--navy)}
.btns{display:grid;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;padding:11px 18px;border:2px solid transparent;font:700 12px/16px inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform 120ms}
.btn:hover{transform:translateY(-1px)}
.btn-amber{background:var(--amber);color:var(--navy)}
.btn-quiet{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-sm{padding:7px 14px;font-size:11px}
.sim-notebook{margin-top:14px;background:#fff;color:var(--ink);border-radius:12px;padding:16px}
.nb-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.nb-head h2{margin:0;font:700 16px/22px Georgia,"Times New Roman",serif;color:var(--navy)}
.nb-count{font-size:13px;color:var(--ink2)}
.sim-notebook table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}
.sim-notebook th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);font:700 11px/16px inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.sim-notebook td{padding:6px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.nb-empty{margin:10px 0 0;color:var(--ink2);font-size:14px}
.nb-foot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:12px}
.nb-note{font-size:13px;color:var(--ink2);margin-right:auto}
.sim-foot{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;margin-top:14px;font-size:12px;color:#C9D4E3}
.sim.lite .sim-screen,.sim.lite .btn{transition:none}
#calc.is-limited rect{stroke:#D9552B}
/* Dans le lecteur du site : le titre, le carnet et le pied sont fournis par la page. */
.sim.embed .sim-title,.sim.embed .sim-notebook,.sim.embed .sim-foot{display:none}
.sim.embed{padding-bottom:10px}
@media (max-width:900px){.sim-stage{grid-template-columns:1fr}.sim-scene{aspect-ratio:16/11}}
@media (max-width:640px){.sim{width:min(1180px,100% - 16px)}.sim-screens{margin-left:0;width:100%}.btns .btn{width:100%}.sim-notebook td,.sim-notebook th{padding:6px 4px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}