/* Experiment page and lab bench styles (namespaced under .exp and .lab). */
.exp{max-width:820px;padding:8px 0 20px}
.exp p{margin:0 0 14px;font-size:16.5px;line-height:1.7}
.exp .try{background:var(--ct);border-radius:16px;padding:14px 18px;margin:0 0 18px;border-left:5px solid var(--c)}
.exp .try b{font-family:var(--f-display);color:var(--c)}.exp .try ol{margin:6px 0 0;padding-left:20px}.exp .try li{margin:3px 0}
.exp .plain{display:block;margin-top:6px;padding:8px 14px;border-left:4px solid var(--c);background:var(--ct);border-radius:0 10px 10px 0;font-size:15.5px}
.exp .plain em{font-style:normal;font-weight:700;color:var(--c)}
.exp .eq{font-family:var(--f-mono);font-size:14.5px;color:var(--c);border:1.5px solid var(--ct);border-radius:14px;padding:12px 16px;overflow-wrap:anywhere}
.exp .safe{border:1.5px dashed #e0a030;border-radius:12px;padding:10px 14px;font-size:15px}
#enav{display:flex;justify-content:space-between;gap:12px;margin:18px 0 40px;flex-wrap:wrap}
.lab{margin:0 0 18px}
.lab .bench{background:var(--bench);border:1px solid var(--line);border-radius:22px;padding:8px}
.lab .bench canvas{width:100%;height:auto;display:block;border-radius:14px;touch-action:pan-y}
.lab .panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:10px}
.lab .ctl label{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}
.lab .ctl output{font-family:var(--f-mono);color:var(--c,var(--brand))}
.lab .ctl input[type=range]{accent-color:var(--c,var(--brand))}
.lab .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.lab .acts .btn{background:var(--c,var(--brand));color:#fff;border:0;cursor:pointer}
.lab .reads{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
.lab .ro{background:var(--ct,var(--brand-t));border-radius:12px;padding:9px 14px;min-width:0}
.lab .ro small{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
.lab .ro b{font-family:var(--f-mono);font-size:14.5px;color:var(--c,var(--brand));overflow-wrap:anywhere}
.lab .ro.wide{grid-column:1/-1}.lab .ro.wide b{font-family:var(--f-body);font-size:15px;color:var(--ink)}
/* bench colours (light and dark) */
:root{--bench:#e9efe9;--glass:rgba(120,170,190,.18);--glass-line:#5d8fa0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bench:#1b2b27;--glass:rgba(160,210,230,.14);--glass-line:#7fb0c2}}
:root[data-theme="dark"]{--bench:#1b2b27;--glass:rgba(160,210,230,.14);--glass-line:#7fb0c2}