#hxHost{min-height:260px;position:relative}
#hxHost canvas{width:100%;display:block;touch-action:none;border-radius:8px}
#hxHost canvas:focus-visible{outline:3px solid #f3c84b;outline-offset:2px}
#hxPlan svg{max-height:400px;width:100%;max-width:420px;height:auto;display:block;margin:0 auto}
#hxPlan .hx-key{margin:6px 0 0;font-size:12px;color:#476071}
.hx-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.hx-note{margin:8px 0 0;font-size:12.5px;color:#476071}
.hx-ok{color:#0f6b3d;font-weight:800}.hx-bad{color:#a3202f;font-weight:800}
.hx-leg-a{stroke:#16806f}.hx-leg-b{stroke:#b57a00;stroke-dasharray:2 1.3}
@media (forced-colors:active){.hx-leg-a,.hx-leg-b{stroke:CanvasText}}