/* Чертёж к сгенерированной задаче (разбор ошибок).

   ⚠️ Палитра — та же, что у calc2 (дальтоник-безопасная, проверена там на
   пересечениях кривых), но под СВОИМИ именами и только внутри .mi-figure:
   у calc2 свой изолированный мир токенов, смешивать его с сайтовыми нельзя.
   Как и в calc2, цвета кривых ЗАФИКСИРОВАНЫ в обеих темах (смысл цвета не
   должен зависеть от темы), а по теме меняются только структурные —
   оси, подписи, сетка, фон. Поэтому чертёж перекрашивается переключателем
   темы сайта сам, без единой строки JS. */
.mi-figure {
  --gfig-d:     #2F6FED;   /* спрос D, КПВ            */
  --gfig-s:     #E0563B;   /* предложение S           */
  --gfig-mr:    #8B3FE0;   /* предельный доход MR     */
  --gfig-mc:    #119C8A;   /* предельные издержки MC  */
  --gfig-tax:   #2E9E44;   /* налог / субсидия/бюджет */
  --gfig-dwl:   #8C8C84;   /* потери общества DWL     */
  --gfig-reg:   #B5791F;   /* регулируемая величина   */
  --gfig-ghost: #9AA0A6;   /* «было», вспомогательное */
  /* структурные — зависят от темы */
  --gfig-ink:   #2a2f3a;
  --gfig-soft:  #5e6675;
  --gfig-canvas: #ffffff;
  margin: 4px 0 10px;
  padding: 6px;
  border-radius: 8px;
  background: var(--gfig-canvas);
  white-space: normal;     /* .mi-solution стоит на pre-line — чертёж не текст */
}
[data-theme="dark"] .mi-figure {
  --gfig-ink:   #d7dbe3;
  --gfig-soft:  #98a1b0;
  --gfig-canvas: #10141c;
}
/* Ширину ограничиваем натуральной шириной viewBox: без потолка SVG
   растягивается на всю ширину разбора, и один промах занимает экран
   целиком (проверено в браузере — чертёж уезжал под шапку). */
.mi-figure svg { display: block; width: 100%; max-width: 460px;
                 height: auto; margin: 0 auto; }
.mi-fig-cap {
  margin-top: 2px; font-size: 11px; color: var(--gfig-soft);
}