/* Shared styles for the interactive figures used by the essays. */
.post article figure.lab{max-width:none; margin:2em 0 2.4em; padding:18px 20px 14px; background:var(--surface); border:1px solid var(--border); border-radius:14px;}
.post article figure.lab figcaption{font-family:var(--sans); font-size:.8rem; color:var(--muted); margin-top:12px; padding-top:10px; border-top:1px dashed var(--border); line-height:1.5;}
.post article figure.lab figcaption b{color:var(--ink); font-weight:600;}
.lab-body{font-family:var(--sans); font-size:.86rem;}
.lab-svg{display:block; width:100%; height:auto; touch-action:none; user-select:none;}
.lab-svg.half,.lab-canvas.half{width:min(300px,100%); height:auto; flex:1 1 220px;}
.lab-canvas{display:block; border:1px solid var(--border); border-radius:6px; image-rendering:pixelated;}
.lab-pair{display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:center;}

.lab-controls{display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin:12px 0;}
.lab-btn{font:inherit; font-weight:600; font-size:.8rem; padding:6px 13px; border-radius:999px; border:1px solid var(--border); background:var(--bg); color:var(--ink); cursor:pointer;}
.lab-btn:hover{border-color:var(--accent);}
.lab-btn.primary{background:var(--accent); border-color:var(--accent); color:#fff;}
.lab-select{font:inherit; font-size:.8rem; padding:5px 8px; border-radius:8px; border:1px solid var(--border); background:var(--bg); color:var(--ink);}
.lab-slider{display:inline-flex; align-items:center; gap:8px;}
.lab-slider input[type=range]{width:120px; accent-color:var(--accent);}
.lab-lbl{color:var(--muted); font-weight:600; font-size:.76rem; letter-spacing:.02em;}
.lab-val{font-family:var(--mono); font-size:.78rem; min-width:3.6em; font-feature-settings:"tnum" 1;}
.lab-radio{display:inline-flex; align-items:center; gap:10px;}
.lab-radio.wrap{flex-wrap:wrap; row-gap:6px;}
.lab-radio label{display:inline-flex; align-items:center; gap:4px; cursor:pointer;}
.lab-radio input{accent-color:var(--accent);}
.lab-check{display:inline-flex; align-items:center; gap:6px; font-family:var(--sans); font-size:.8rem; cursor:pointer;}
.lab-check input{accent-color:var(--accent);}
.lab-num{font:inherit; font-family:var(--mono); font-size:.9rem; width:4.6em; padding:2px 4px; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--ink); text-align:center;}
.lab-note{font-family:var(--serif); font-size:.98rem; color:var(--ink); margin:10px 0 2px; line-height:1.55; min-height:1.5em;}
.lab-readout{font-family:var(--mono); font-size:.78rem; color:var(--muted); margin:8px 0; font-feature-settings:"tnum" 1; line-height:1.6;}
.lab-readout b{color:var(--ink); font-weight:500;}
.lab-readout.multi div{margin:2px 0;}


@media (max-width:600px){ .post article figure.lab{padding:14px 12px 10px; margin-left:-4px; margin-right:-4px;} .lab-slider input[type=range]{width:90px;} }