/* Панели «Квадратных уравнений»: каждая — отдельное окно, но состояние
   одно на группу. Здесь только вид, без своей модели. */

.qp{display:flex;flex-direction:column;gap:8px;min-height:100%;position:relative;overflow:hidden}
/* содержимое живёт в своём базовом размере и масштабируется целиком */
.qp-fit{flex:none;display:flex;flex-direction:column;gap:8px;transform-origin:0 0}
.qp-card{margin:0;width:100%;display:block;
  font:var(--qfs)/1.6 Georgia,"Cambria Math",serif;white-space:nowrap}
.qp-card .ln{display:block}
.qp-card .ln + .ln{margin-top:.45em}
.qp-line{font:var(--qfs)/1.5 Georgia,"Cambria Math",serif;white-space:nowrap;width:100%}
/* в примагниченной цепочке «y =» остаётся только у первой формы */
.qp.eq-tail .eq-y{display:none}
.qp-table .ptable{width:100%;border-collapse:collapse;margin:2px 0}
/* таблица должна влезать в сжатое окно, а не уезжать под горизонтальную прокрутку */
.qp-table .ptable th,.qp-table .ptable td{padding:4px 6px}
.qp-table .ptable th,.qp-table .ptable td{border:1px solid var(--bd);text-align:center;
  font:var(--qfs)/1.3 Georgia,"Cambria Math",serif;white-space:nowrap}
.qp-table .ptable th.ax{background:var(--bg);font-style:italic;font-weight:400;min-width:2em}
/* В «Цвете» и «Буквах» все цветные ячейки одной формы и размера.
   В «Числах» правило не действует: там ячейка растёт под значение. */
.qp[data-mode="0"] .v,
.qp[data-mode="1"] .v{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;min-width:0;min-height:0;padding:0;
  border-radius:7px;font:700 16px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  letter-spacing:0;vertical-align:-.34em;margin:0 2px;
}
.qp-table{overflow-x:auto}
/* Парабола: тело окна — сама координатная плоскость, без отступов по краям */
.win-b.qp-plot{padding:0;overflow:hidden;min-height:0}
.qp.qp-plot .dyn-plot{border:0;border-radius:0}
.qp .dyn-plot{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--bd);border-radius:12px;background:var(--card);overflow:hidden}
.qp .dyn-svg{display:block;width:100%;height:100%;touch-action:none;cursor:default}
.qp .dg{stroke:var(--bd);stroke-width:1}
.qp .da{stroke:var(--mut);stroke-width:1.8}
.qp .dc{fill:none;stroke:var(--fg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.qp .dpt{fill:var(--mut);stroke:var(--bg);stroke-width:1.5}
.qp .dpt.root{fill:var(--c-orange)}
.qp .dproj{stroke:var(--mut);stroke-width:1.2;stroke-dasharray:5 4;fill:none}
.qp .dax{fill:var(--mut)}
.qp .dsc{fill:var(--mut);font:11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}