/* Списки чисел и фильтры-чипы: общие для «Корней» и «Разложений». */

.legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chip{border:2px solid transparent;border-radius:999px;padding:2px 12px;min-height:34px;
  font-weight:600;font-size:14px;background:var(--c);color:var(--f)}
.chip.on{border-color:var(--fg)}
.legend.f .chip:not(.on){opacity:.45}

.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;
  color:var(--mut);font-size:14px}
.nav .sp{flex:1}
.nav input{width:92px;min-height:36px;text-align:center;padding:4px 8px}

.list{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:2px 12px}
.row{display:flex;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--bd);
  font:22px/1.9 Georgia,"Cambria Math",serif}
.row:last-child{border-bottom:0}
.r{flex:none;min-width:4.8em;border-radius:8px;padding:0 10px;background:var(--c);color:var(--f)}
.rest{flex:1;min-width:0}

/* тип числа: пять смысловых цветов из палитры */
.t1{--c:var(--t1);--f:var(--f1)}
.t2{--c:var(--t2);--f:var(--f2)}
.t3{--c:var(--t3);--f:var(--f3)}
.t4{--c:var(--t4);--f:var(--f4)}
.t5{--c:var(--t5);--f:var(--f5)}

/* маленький окрашенный корень внутри строки разложения */
.k{background:var(--c);color:var(--f);border-radius:6px;padding:0 6px;margin:0 1px}