/* Screen comparison only; everything shared lives in shared/site.css. */

.handle { cursor: nwse-resize; outline: none; touch-action: none; }
.handle-hit { fill: transparent; }
.handle-dot { fill: var(--paper); stroke: var(--c); stroke-width: 3; }
.handle:hover .handle-dot, .handle:focus-visible .handle-dot { r: 11; }
.handle:focus-visible .handle-dot { stroke: var(--ink); stroke-width: 4; }
body.dragging, body.dragging * { cursor: nwse-resize !important; user-select: none; }

.desk { stroke: var(--skirting-edge); stroke-width: 5; }
.stand { stroke: var(--ink-soft); stroke-width: 2; }
.row-label { font: 600 15px var(--font); fill: var(--ct); }
.row-label .muted { fill: var(--ink-soft); font-weight: 400; }
.row-label .warn { fill: var(--warn); }