.least-squares-page { --accent: var(--orange); --accent-rgb: var(--orange-rgb); }
.ls-point-handle { cursor: grab; touch-action: none; outline: none; color: var(--orange); }
.ls-point-handle .ls-hit { fill: transparent; stroke: transparent; stroke-width: 30px; vector-effect: non-scaling-stroke; }
.ls-point-handle .ls-dot { fill: currentColor; stroke: var(--surface); stroke-width: 2; }
.ls-point-handle text { fill: currentColor; font: 14px var(--font-sans); user-select: none; }
.ls-point-handle:focus-visible .ls-dot, .ls-point-handle:hover .ls-dot, .ls-point-handle.is-selected .ls-dot { stroke: var(--ink); stroke-width: 2.5; }
.ls-point-handle:focus-visible text { text-decoration: underline; }
.is-dragging .ls-point-handle { cursor: grabbing; }

#current-sse, #line-equation { color: var(--violet); }
#best-sse, #best-equation { color: var(--teal); }
.ls-table-scroll { max-width: 100%; overflow-x: auto; margin-top: 18px; }
.ls-table-scroll table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 12px; font-variant-numeric: tabular-nums; }
.ls-table-scroll th, .ls-table-scroll td { padding: 10px 8px; text-align: right; border-bottom: 1px solid var(--line); }
.ls-table-scroll caption { text-align: left; white-space: normal; line-height: 1.7; color: var(--muted); padding-bottom: 10px; }
.ls-table-scroll td:last-child { color: var(--orange); }