.midpoint-pair-lab{--step-caption-min-height:210px}.mp-board{min-width:0;font-size:var(--text-body);gap:12px;display:grid}.mp-board p,.mp-board h3{overflow-wrap:anywhere;margin:0}.mp-board h3{font-size:17px;line-height:1.6}.mp-board label{gap:6px;display:grid}.mp-board select{max-width:100%;min-height:48px;font:inherit}.mp-svg{width:min(100%,440px);height:auto;margin:0 auto;display:block}.mp-svg text{fill:var(--ink);text-anchor:middle;font-size:32px;font-weight:650}.mp-line{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.mp-ab{fill:none;stroke:var(--ink);stroke-width:3px}.mp-leader{fill:none;stroke:var(--line-strong);stroke-width:1.2px;stroke-dasharray:3 4}.mp-point{fill:var(--ink)}.mp-origin{fill:none;stroke:var(--line-strong);stroke-width:3px;stroke-dasharray:4 4}.mp-travel,.mp-half{fill:none;stroke:var(--accent);stroke-width:8px}.mp-other{fill:none;stroke:var(--ink);stroke-width:8px;stroke-dasharray:7 4}.mp-cursor{fill:var(--accent)}.mp-arrow path{fill:none;stroke:var(--accent);stroke-width:2px}.mp-arrow polygon{fill:var(--accent)}.mp-values{flex-wrap:wrap;gap:10px 20px;margin:0;display:flex}.mp-values div{display:flex}.mp-values dt{font-weight:650}.mp-values dd{margin:0}.mp-static{border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;padding:8px}.mp-static figcaption{font-size:var(--text-body);padding:12px 4px 4px}