.box-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.box-controls label{font-size:12px;line-height:1.8}.box-controls select,.box-controls input{display:block;width:100%;margin-top:8px}.box-controls select{padding:6px;border:1px solid var(--trace-line);background:var(--trace-bg);border-radius:5px}.box-controls input{accent-color:var(--trace-ink)}.box-controls output{font-weight:600;font-variant-numeric:tabular-nums}
.box-photo{margin:12px 0;min-width:0}.box-photo h4{font-size:13px;margin:10px 0}.box-photo svg{display:block;width:100%;max-width:580px;height:auto;margin:0 auto;overflow:visible}.box-pad{fill:#dededb}.box-pad-label{font:11px -apple-system,sans-serif;fill:#3e3e42}.box-axes{fill:none;stroke:var(--trace-ink);stroke-width:1}.box-axes text{stroke:none;fill:var(--trace-ink);font:11px ui-monospace,monospace}
.box-annotation{cursor:pointer;outline:none}.box-annotation rect{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.box-annotation text{font:600 11px -apple-system,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:3;stroke-linejoin:round}.box-a rect{stroke:#155cad}.box-a text{fill:#155cad}.box-b rect{stroke:#a4471b;stroke-dasharray:7 4}.box-b text{fill:#a4471b}.box-wrong rect{stroke:#ad1b35;stroke-dasharray:2 3}.box-wrong text{fill:#ad1b35}.box-intersection rect{fill:#206aba4d;stroke:#155cad;stroke-width:1}.box-corner{fill:#155cad;stroke:#fff;stroke-width:1}
.box-annotation.trace-corresponding{box-shadow:none;background:none!important}.box-annotation.trace-corresponding rect,.box-annotation:focus-visible rect{stroke-width:4}.box-intersection.trace-corresponding rect{fill:#206aba66}.box-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.box-wrong-toggle{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.8;margin:14px 0}.box-wrong-toggle input{margin-top:5px;accent-color:var(--trace-ink)}.box-image-credit{font-size:11px!important;color:var(--muted);line-height:1.8;margin-top:22px}.box-figure>p{font-size:13px;line-height:1.8}.box-trace .trace-value-row{gap:7px}.box-trace .trace-value-row .trace-quantity{align-items:flex-start;flex-direction:column;text-align:left}.box-trace .trace-quantity strong{font-size:12px;overflow-wrap:anywhere}
@media(max-width:750px){.box-image-pair{grid-template-columns:1fr}.box-controls{grid-template-columns:1fr;gap:8px}.box-controls label{display:grid;grid-template-columns:95px 35px 20px 1fr;gap:4px;align-items:center}.box-controls label:first-child{display:flex}.box-controls select{width:auto;max-width:180px;margin:0 0 0 10px}.box-controls input{min-width:0;margin:0}.box-photo svg{max-width:480px}.box-trace .trace-value-row .trace-quantity{flex-basis:100%}}
.box-trace[data-step="4"] .box-a rect{fill:#155cad18}.box-trace[data-step="4"] .box-b rect{fill:#a4471b18}.box-trace .box-intersection rect,.box-trace .box-intersection.trace-corresponding rect{fill:url(#box-trace-hatch)}