.size-comparison-board{margin:18px 0 12px;padding:12px 16px 16px;border:1px solid var(--line);border-radius:15px 12px 16px 10px;background:linear-gradient(#b5a88313 1px,transparent 1px),linear-gradient(90deg,#b5a88313 1px,transparent 1px),#f5eddc;background-size:24px 24px;color:#474036}
.size-comparison-board svg{display:block;width:100%;max-height:390px;margin:auto;font-family:inherit}
.true-scale-scene{position:relative;width:100%;max-width:560px;margin:12px auto}
.true-scale-scene>.scale-object{position:absolute;display:block;max-width:none;object-fit:fill}
.true-scale-scene>.true-scale-marks{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible;pointer-events:none}
.scale-measure path{fill:none;stroke:currentColor;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round}
.scale-measure text{fill:currentColor;font:8px Arial,sans-serif}
.scale-brand{fill:currentColor;font:5.5px Arial,sans-serif;letter-spacing:.1px}
.scale-selection{fill:none;stroke:#bb832c;stroke-width:.7;stroke-dasharray:2 2}
html[data-shop-theme=dark] .scale-selection{stroke:#eed073}
.size-comparison-board figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:10px 0 0;border-top:1px dashed #b8a887;font-size:12px;text-align:center}
.size-comparison-board figcaption span{color:#716755}
html[data-shop-theme=dark] .size-comparison-board{background-color:#373735;color:#eee6d8}
html[data-shop-theme=dark] .size-comparison-board figcaption span{color:#c8bca4}
@media(max-width:640px){.size-comparison-board{padding:7px 5px 12px}.size-comparison-board figcaption{font-size:11px}.size-comparison .comparison-reference-note{font-size:11px}}