/* The static TEAM figure preview (/data-visualization/). Markup lives in site/design/partials/team-mini.html;
   ops/build_offer_pages.py copies it to the offer page. */
.mf-row+.mf-row{margin-top:10px}
.mf-lab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 12px;max-width:none;font-size:var(--fs-sm);line-height:1.4;color:var(--mut)}
.mf-lab b{font-weight:600;color:var(--ink)}
.mf-strip{display:block;width:100%;height:30px;margin-top:3px;overflow:visible}
.mf-strip path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.mf-dim{stroke:var(--data-dim);stroke-width:4.5px;opacity:.85}
.mf-warm{stroke:var(--warm);stroke-width:4.5px}
.mf-med{stroke:var(--ink);stroke-width:2px}
.mf-tgt{stroke:var(--ink);stroke-width:1px;stroke-dasharray:3 3}
.mf-over{fill:var(--warm);opacity:.06}
.mf-axis{position:relative;height:20px;margin-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--mut)}
.mf-axis span{position:absolute;top:4px;translate:-50% 0;white-space:nowrap}
/* the axis runs 20% to 125%+, as on /team-report/: tick at (value - 0.2) / 1.05 of the width */
.mf-axis .t25{left:4.76%}.mf-axis .t50{left:28.57%}.mf-axis .t75{left:52.38%}
.mf-axis .t100{left:76.19%;color:var(--ink);font-weight:600}.mf-axis .t125{left:100%;translate:-100% 0}
.mf-key{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:14px;font-size:13px;color:var(--mut)}
.mf-key span{display:inline-flex;align-items:center;gap:7px}
.mf-key i{width:9px;height:9px;border-radius:50%;background:var(--data-dim)}
.mf-key i.w{background:var(--warm)}
.mf-key i.m{width:2px;height:12px;border-radius:0;background:var(--ink)}
@media (max-width:420px){.mf-axis .t25,.mf-axis .t75{display:none}}

.mini-fig a.more{display:block;min-height:0;padding:10px 0 2px}
.mini-fig a.more::after{margin-left:6px}
.mini-fig{max-width:720px;margin-top:28px}