/* exxam.ru — задание 3: схематические иллюстрации (LibreOffice/БД) и туториал.
   Подключается только на странице задания 3 поверх base/content/task/trainer. */

/* ---------- SVG-схемы (.t3-*) ---------- */
/* 100% ширины карточки (перебивает max-width:420px из task.css) */
body.task .figrow svg.t3-svg,
body.task .ref svg.t3-svg{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;border-radius:0;font-family:var(--sans)}
/* палитра «бумага» (вариант C): светлые токены независимо от темы страницы */
body.task svg.t3-svg{
  --ink:#191530; --muted:#5a5573; --dim:#8b86a3;
  --panel:#ffffff; --panel-2:#eef0fa;
  --line:#e1def0; --line-strong:rgba(25,21,48,.18);
  --violet:#6349d6; --violet-soft:rgba(99,73,214,.10); --violet-border:rgba(99,73,214,.28);
  --mint:#0c7d5c; --edge-num:#0b6b73; --formula-bg:rgba(11,107,115,.09);
  --diagram-bg:#f5f6fb;
}
.t3-canvas{fill:var(--diagram-bg);stroke:var(--line-strong);stroke-width:1}
/* мягкая тень под таблицами/блоками внутри схемы */
.t3-tbl{filter:drop-shadow(0 4px 8px rgba(20,15,40,.10))}
body.task .t3-gstep .figrow figure,
body.task #sec-cond .figrow figure{flex:1 1 100%}
.t3-box{fill:var(--panel);stroke:var(--line)}
.t3-hd{fill:var(--violet-soft);stroke:var(--violet-border)}
.t3-ttl{fill:var(--ink);font-weight:700;font-size:14px}
.t3-cell{fill:var(--ink);font-family:var(--mono);font-size:12.5px}
.t3-cell-hi{font-weight:600}
.t3-key{fill:color-mix(in srgb,var(--mint) 16%,var(--panel))}
.t3-fk{fill:var(--violet-soft)}
.t3-lbl{fill:var(--muted);font-family:var(--mono);font-size:11.5px}
.t3-lbl-bg{fill:var(--panel);stroke:var(--line)}
.t3-dim{fill:var(--muted);font-size:13px}
.t3-th{fill:var(--ink);font-family:var(--mono);font-size:11px;font-weight:600}
.t3-tab{fill:var(--panel-2);stroke:var(--line)}
.t3-tab-on{fill:var(--violet-soft);stroke:var(--violet-border)}
.t3-tabt{fill:var(--muted);font-size:13px;font-weight:600}
.t3-tabt.on{fill:var(--violet)}
.t3-fun{fill:var(--muted)}
.t3-pop{fill:var(--panel);stroke:var(--violet-border)}
.t3-chk{fill:var(--panel);stroke:var(--violet-border);stroke-width:1}
.t3-chk-on{fill:var(--violet);stroke:var(--violet)}
.t3-chk-tick{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t3-fx-big{fill:var(--edge-num);font-family:var(--mono);font-size:26px;font-weight:800}
.t3-mono{fill:var(--ink);font-family:var(--mono);font-size:13px}
.t3-code{fill:var(--formula-bg);stroke:var(--line)}
.t3-arrow{fill:none;stroke:var(--violet);stroke-width:2.2}
.t3-arrow-h{fill:var(--violet)}