.linear-algebra-page { --accent: var(--orange); --accent-rgb: var(--orange-rgb); }
.basis-handle { cursor: grab; touch-action: none; outline: none; }
.basis-handle.first { color: var(--orange); }
.basis-handle.second { color: var(--teal); }
.basis-handle .drag-hit { fill: transparent; stroke: transparent; stroke-width: 32px; vector-effect: non-scaling-stroke; }
.basis-handle .handle-dot { fill: currentColor; stroke: var(--surface); stroke-width: 2; }
.basis-handle text { fill: currentColor; font-size: 16px; user-select: none; }
.basis-handle:hover .handle-dot, .basis-handle:focus-visible .handle-dot { stroke: var(--ink); stroke-width: 3; }
.basis-handle:focus-visible text { text-decoration: underline; }
.is-dragging .basis-handle { cursor: grabbing; }
.la-matrix-section, .la-vector-section { width: min(190px, 100%); }
.la-matrix-section h2, .la-vector-section h2 { margin: 0 0 14px; color: var(--muted); font-size: 12px; font-weight: 400; }
.la-column-labels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 8px; margin-bottom: 5px; text-align: center; font-size: 12px; }
.la-column-labels span:first-child { color: var(--orange); }
.la-column-labels span:last-child { color: var(--teal); }
.la-matrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 8px; padding: 4px 8px; border-inline: 1px solid var(--line-strong); }
.la-matrix .matrix-cell { min-width: 0; min-height: 44px; padding: 6px 2px; font-size: 17px; font-variant-numeric: tabular-nums; }
.la-matrix .first { color: var(--orange); }
.la-matrix .second { color: var(--teal); }
.la-matrix .matrix-cell[aria-pressed="true"] span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.la-matrix .matrix-cell:hover { color: var(--ink); }
.la-result { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; margin: 16px 4px 0; color: var(--muted); font-size: 12px; }
.la-result output { color: var(--violet); font-size: 15px; font-variant-numeric: tabular-nums; }
.la-vector-section { --accent: var(--violet); }
.linear-algebra-page :is([data-current-parameter="m01"], [data-current-parameter="m11"]) .surround-editor { --accent: var(--teal); --accent-rgb: var(--teal-rgb); }
.linear-algebra-page :is([data-current-parameter="vector-x"], [data-current-parameter="vector-y"]) .surround-editor { --accent: var(--violet); --accent-rgb: var(--violet-rgb); }
@media (max-width: 800px) {
  .la-matrix-section h2, .la-vector-section h2 { margin-bottom: 8px; }
}