.rl-simulator{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper);scroll-margin-top:100px}
.article .rl-simulator h2{margin-top:0}.rl-controls{display:grid;gap:10px}.rl-controls label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.rl-controls output{font-weight:700;white-space:nowrap}.rl-controls input{width:100%;min-height:28px;accent-color:var(--blue);margin:0 0 12px}.rl-metrics{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;font-size:12px}.rl-metrics strong{display:block;font-size:20px;color:var(--blue)}.rl-simulator svg{display:block;width:100%;height:auto;color:var(--ink)}.rl-simulator svg text{fill:currentColor;font:13px system-ui,sans-serif}.rl-simulator .rl-curve{stroke:var(--blue)}.article .rl-simulator figure{padding:8px;margin:16px 0}.article .rl-note{font-size:13px;color:var(--muted)}.rl-simulator button:disabled{opacity:.5;cursor:default}.rl-simulator input:focus-visible,.rl-simulator button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.rl-simulator{padding:14px}.rl-metrics{gap:12px}.rl-metrics strong{font-size:17px}.rl-controls label{flex-wrap:wrap}}