/* Figures for "Deriving the Media Mix Model". One hue per role, fixed for the
   whole series: spend is amber, awareness (the population's state, and the
   truth it implies) is blue, any fitted model is the blog's accent red, data
   and scaffolding are grey. */
:root{
  --mm-aware:#2B67AC;
  --mm-aware-soft:color-mix(in srgb,var(--mm-aware) 38%,var(--paper));
  --mm-aware-faint:color-mix(in srgb,var(--mm-aware) 22%,var(--paper));
  --mm-spend:#B7791F;
  --mm-spend-soft:color-mix(in srgb,var(--mm-spend) 30%,var(--paper));
  --mm-dot:#C9CDD3;
  --mm-rival:#7B5BA8;
  --mm-data:color-mix(in srgb,var(--muted) 70%,var(--paper));
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--mm-aware:#78A9E6;--mm-spend:#D9A54A;--mm-dot:#3A4049;--mm-rival:#B49AE0}
}
:root[data-theme="dark"]{--mm-aware:#78A9E6;--mm-spend:#D9A54A;--mm-dot:#3A4049;--mm-rival:#B49AE0}

figure.mfig{margin:30px 0 30px;padding:0}
.mfig-plot{position:relative;width:100%;min-height:120px}
#f-posterior .mfig-plot{min-height:228px}
.mfig-plot > svg{display:block;overflow:visible;font-family:var(--sans);font-size:11.5px;-webkit-user-select:none;user-select:none}
.mfig figcaption{font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--faint);margin-top:12px;text-align:left}
.mfig .mm-ax{stroke:var(--rule-hard);stroke-width:1;fill:none}
.mfig .mm-tick{fill:var(--faint);font-size:11px}
.mfig .mm-lab{fill:var(--muted);font-size:11.5px}
.mfig .mm-read{fill:var(--ink);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.mfig .mm-hit{fill:transparent;cursor:ew-resize;touch-action:pan-y;outline:none}
.mfig .mm-hit.v{cursor:ns-resize;touch-action:none}
.mfig .mm-handle circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.mfig .mm-handle path{fill:var(--ink)}
.mfig svg:has(.mm-hit:focus-visible) .mm-handle circle{stroke:var(--accent);stroke-width:2.5}
.mfig text.mm-lab,.mfig text.mm-read{paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round}
/* KaTeX's hidden MathML is absolutely positioned; keep it inside the table's scroll box */
.tw{position:relative}
.mfig .mm-fo{display:flex;align-items:center;font-family:var(--sans);white-space:nowrap;line-height:1}
.mfig .mm-fo .katex{font-size:1.08em}

/* annotated equations: terms coloured by role, labels on leaders above and below */
.aeq{position:relative;margin:22px 0;padding:6px 0}
.aeq.aeq-on{padding:30px 0 32px}
.aeq-math{display:flex;justify-content:center}
.aeq-math .katex-display{margin:.3em 0}
.aeq .an-spend{color:var(--mm-spend)}
.aeq .an-mem{color:var(--mm-aware)}
.aeq .an-base{color:var(--muted)}
html[data-notes="off"] .aeq .enclosing{color:inherit}
.aeq-ink{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.aeq-lab{position:absolute;white-space:nowrap;font-family:var(--sans);font-size:12px;line-height:18px;pointer-events:none}
.aeq-spend{color:var(--mm-spend)}
.aeq-mem{color:var(--mm-aware)}
.aeq-base{color:var(--muted)}
@media (max-width:620px){.aeq-math{justify-content:safe center;overflow-x:auto;scrollbar-width:thin}}