.hb-symfig{border:1px solid var(--line);background:var(--light);margin:0;padding:14px 14px 10px}.hb-symbols{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hb-sym{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;min-width:0;padding:6px 4px 9px;display:flex}.hb-sym svg{width:100%;max-width:120px;height:auto;display:block}.hb-sym b{font-family:var(--serif);color:var(--text);font-size:13.5px;font-weight:400;line-height:1.25}.hb-sym span{color:var(--text);margin-top:2px;font-size:10px;line-height:1.4}.hb-symfig figcaption{color:var(--text);margin-top:8px;font-size:10px;line-height:1.6}.hb-terms>div{grid-template-columns:96px 1fr}.hb-terms dt{white-space:nowrap;font-size:21px}.topic-canvas.hb-canvas.canvas-wrap{aspect-ratio:1000/580}.hb-canvas svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.hb-canvas svg.is-place{cursor:copy}.hb-canvas svg.is-wire{cursor:crosshair}.hb-canvas .hb-grab{cursor:grab;touch-action:none}.hb-canvas .hb-pin{cursor:crosshair;touch-action:none}.hb-status{color:var(--orange);padding:0 30px;font-size:11.5px;line-height:1.6}.hb-status:empty{display:none}.hb-status p{margin:8px 0 0;padding-left:14px;position:relative}.hb-status p:before{content:"!";font-weight:600;position:absolute;left:0}.hb-status p.ok{color:var(--cad)}.hb-status p.ok:before{content:"✓"}.hb-read{display:none}.hb-palette{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:12px 30px 10px;display:flex}.hb-tool{hyphens:manual;text-align:center;background:var(--light);min-width:64px;max-width:86px;color:var(--text);cursor:pointer;border:1px solid #ccd2c0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 6px 4px;font-size:10px;line-height:1.2;display:flex}.hb-tool svg{width:44px;height:22px;display:block}.hb-tool:hover{border-color:var(--cad);color:var(--cad)}.hb-tool[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--light)}.hb-tool[aria-pressed=true] svg *{stroke:var(--light)}.hb-tool[aria-pressed=true] svg path[fill=\#292e2a],.hb-tool[aria-pressed=true] svg circle[fill=\#292e2a]{fill:var(--light)}.hb-tool:disabled{opacity:.38;cursor:not-allowed}.hb-tool.hb-act{min-width:74px;font-size:10.5px}.hb-tool.hb-act i{height:22px;font-size:17px;font-style:normal;line-height:22px}.hb-sep{flex-basis:100%;height:0}.hb-lg-p,.hb-lg-t{vertical-align:middle;background:#c45234;width:22px;height:3px;margin-right:2px;display:inline-block}.hb-lg-t{background:#4f8a72;margin-left:8px}.hb-dot-lg{background:#8e2f17;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.hb-node-lg{background:var(--ink);border-radius:50%;width:8px;height:8px;display:inline-block}.hb-end-lg{border:1.5px solid var(--ink);background:var(--light);border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.hb-props{margin-bottom:18px}.hb-props .field{margin-bottom:16px}.hb-props-type{color:var(--text);margin:0 0 12px;font-size:11px}.hb-props-type b{font-family:var(--serif);color:var(--text);margin-right:6px;font-size:17px;font-weight:400}.hb-props-empty{color:var(--text);margin:0 0 6px;font-size:11px;line-height:1.7}.hb-meas{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 0 16px;display:grid}.hb-meas div{border-right:1px solid var(--line);min-width:0;padding:7px 8px}.hb-meas div:last-child{border-right:0}.hb-meas span{letter-spacing:1px;color:var(--sepia);white-space:nowrap;text-overflow:ellipsis;font:9px monospace;display:block;overflow:hidden}.hb-meas strong{font-family:var(--serif);white-space:nowrap;font-size:15px;font-weight:400}.hb-meas-note{color:var(--cad);margin:-8px 0 14px;font-size:10.5px;line-height:1.6}.hb-meas-note.bad{color:var(--orange)}.hb-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.hb-btn{background:var(--light);color:var(--text);cursor:pointer;text-align:center;border:1px solid #ccd2c0;padding:9px 8px;font-size:11px}.hb-btn:hover{border-color:var(--cad);color:var(--cad)}.hb-btn:disabled{opacity:.4;cursor:not-allowed}.hb-btn-accent{border-color:var(--orange);color:var(--orange)}.hb-btn-wide{grid-column:1/-1;width:100%}.hb-props .check-field{margin-bottom:12px}.hb-hand,.hb-center{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 0 14px;display:grid}.hb-center{grid-template-columns:1fr 1fr}.hb-center button:nth-child(2){border-right:0}.hb-center button:nth-child(-n+2){border-bottom:1px solid var(--line)}.hb-hand button,.hb-center button{background:var(--light);border:0;border-right:1px solid var(--line);color:var(--text);cursor:pointer;padding:8px 4px;font-size:11px;line-height:1.3}.hb-hand button:last-child,.hb-center button:last-child{border-right:0}.hb-hand small{color:var(--sepia);margin-top:2px;font:9px monospace;display:block}.hb-hand button[aria-pressed=true],.hb-center button[aria-pressed=true]{background:var(--ink);color:var(--light)}.hb-hand button[aria-pressed=true] small{color:#e9ddcc}.hb-train{border:1px dashed var(--orange);background:#f6efe6;margin:0 0 18px;padding:12px 14px}.hb-train p{color:var(--text);margin:0 0 10px;font-size:11px;line-height:1.7}.hb-train .hb-train-h{letter-spacing:1px;text-transform:uppercase;color:var(--orange);font:10px monospace}.hb-train .hb-row{margin-bottom:6px}.hb-train-res:empty{display:none}.hb-train-res.ok{color:var(--cad)!important}.hb-train-res.bad{color:var(--orange)!important}.hb-task{border:1px solid var(--line);background:#f4f6ee;margin:0 0 16px;padding:12px 14px 6px}.hb-task .field{margin-bottom:8px}.hb-task select{width:100%}.hb-task-text{color:var(--text);margin:0 0 8px;font-size:11px;line-height:1.7}.hb-task-st{color:var(--text);margin:0 0 10px;font-size:11px}.hb-task-st:empty{display:none}.hb-task-st.ok{color:var(--cad);font-weight:600}.hb-task-st.bad{color:var(--orange)}.hb-task .hb-btn{margin-bottom:10px}.hb-live-wide{margin-top:14px}.hbd-w{fill:none;stroke:var(--ink);stroke-width:1.5px}.hbd-hi{fill:#f2c4b1;stroke:none}.hbd-mid{fill:#f0dec0;stroke:none}.hbd-flow{stroke:#8e2f17;stroke-width:1.6px;stroke-dasharray:5 4;fill:none}.hbd-af{fill:#8e2f17}.hbd-dim{stroke:var(--sepia);stroke-width:1.2px}.hbd-af2{fill:var(--sepia)}.hbd-t{fill:var(--text);text-anchor:middle;font-size:12px}.hbd-p{font-family:var(--serif);fill:var(--orange);text-anchor:middle;font-size:17px;font-style:italic}.hbd-p.g{fill:#9a7a3c}@media (width<=760px){.hb-symfig{padding:10px 8px 8px}.hb-symbols{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-sym{hyphens:auto;overflow-wrap:anywhere;padding:4px 2px 7px}.hb-sym b{font-size:12.5px}.hb-sym span{font-size:11px}.hb-symfig figcaption{font-size:12.5px}.hb-terms>div{grid-template-columns:1fr}.hb-canvas svg{touch-action:pan-y}.experiment>.drawing-panel>.hb-status,.experiment>.drawing-panel>.hb-read,.experiment>.drawing-panel>.hb-palette{order:3}.hb-status{padding:0 14px;font-size:12.5px}.hb-read{color:var(--text);padding:8px 14px 0;font-size:12.5px;line-height:1.6;display:block}.hb-read:empty{display:none}.hb-read b{font-family:var(--serif);margin-right:6px;font-size:15px;font-weight:400}.hb-read span{white-space:nowrap;margin-right:10px}.hb-palette{grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 10px 10px;display:grid}.hb-tool{hyphens:auto;overflow-wrap:anywhere;min-width:0;max-width:none;min-height:54px;font-size:11px}.hb-tool.hb-act{min-width:0;font-size:11px}.hb-sep{display:none}.hb-btn,.hb-hand button,.hb-center button{min-height:44px;font-size:12.5px}.hb-hand small{font-size:10.5px}.hb-meas strong{font-size:14px}.hb-meas span{font-size:10.5px}.hb-props-empty,.hb-props-type,.hb-train p,.hb-meas-note,.hb-task-text,.hb-task-st{font-size:12.5px!important}}