/* Вычитание в столbik — сетка и роли клеток (общие стили в stolbik-trainer-common.css) */
.app--vych-stolbik #vychGridBoard {
  position: relative;
  display: grid;
  --sqr: 2;
  background-color: #f3f1ed;
  background-image:
    linear-gradient(to right, rgba(80, 70, 60, 0.14) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(80, 70, 60, 0.14) 1px, transparent 1px);
  background-size: var(--cell) var(--cell);
}

.app--vych-stolbik .sc.is-minuend {
  color: var(--cd);
}

.app--vych-stolbik .sc.is-subtrahend {
  color: var(--cv);
}

.app--vych-stolbik .sc.is-minus {
  color: var(--tm);
  font-size: calc(var(--cell) * 0.46);
}

.app--vych-stolbik .sc.is-result-digit {
  color: var(--cq);
}

.app--vych-stolbik .sc.is-borrow {
  color: var(--cr);
}

.app--vych-stolbik .sc.borrow-mark,
.app--vych-stolbik .si.borrow-mark {
  font-size: calc(var(--cell) * 0.34);
  line-height: 1;
  color: var(--cr);
  font-weight: 800;
}

.app--vych-stolbik .gc.borrow-cell {
  background: rgba(122, 53, 187, 0.06);
}

.app--vych-stolbik .gc.borrow-cell.wr {
  background: rgba(122, 53, 187, 0.12);
  box-shadow: inset 0 0 0 2px rgba(122, 53, 187, 0.28);
}

.app--vych-stolbik .si.is-result-digit {
  color: var(--cq);
}

.app--vych-stolbik .si.is-borrow {
  color: var(--cr);
}