.visual-presentation-comparison .vp-window{padding:16px;border:1px solid #a6b5ae;border-radius:5px;background:#fff;min-inline-size:0}
.visual-presentation-comparison .vp-site{font-size:14px;font-weight:700;border-bottom:1px solid #b4c4ba;padding-bottom:12px;margin:0 0 18px;color:#252c2d}
.visual-presentation-comparison .vp-before-copy{font-size:14px;line-height:1.2;text-align:justify;color:#252c2d;background:#fff}
.visual-presentation-comparison .vp-before-copy p{margin:0 0 .25em}
.visual-presentation-comparison .vp-after-copy{font-size:16px;line-height:1.6;text-align:start;color:#24322e;background:#fff;max-inline-size:40ic;overflow-wrap:anywhere}
.visual-presentation-comparison .vp-after-copy p{font-size:inherit;line-height:inherit;color:inherit;margin:0}
.visual-presentation-comparison .vp-after-copy p+p{margin-block-start:2.4em}
.visual-presentation-comparison .vp-setting-note{font-size:12px;line-height:1.8;margin:18px 0 0;padding-top:12px;border-top:1px solid #b4c4ba;color:#425d50}
.visual-presentation-comparison .vp-controls{margin:0;padding:12px;border:1px solid #a6b5ae;min-inline-size:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-radius:5px}
.visual-presentation-comparison .vp-controls legend{font-size:14px;font-weight:700;padding:0 4px}
.visual-presentation-comparison .vp-controls label{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-inline-size:0;font-size:14px;font-weight:700}
.visual-presentation-comparison .vp-controls input[type=color]{inline-size:64px;min-block-size:44px;padding:3px;background:#fff;border:1px solid #6c8574;border-radius:3px;cursor:pointer}
.visual-presentation-comparison .vp-controls select{inline-size:100%;min-block-size:44px;border:1px solid #6c8574;border-radius:3px;padding:5px;background:#fff;color:#252c2d;font:inherit}
.visual-presentation-comparison .vp-controls button{align-self:end;min-block-size:44px;border:1px solid #6c8574;border-radius:3px;padding:8px;background:#f4f7f2;color:#243b30;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.visual-presentation-comparison .vp-controls :is(input,select,button):focus-visible{outline:3px solid #2455c6;outline-offset:3px}
.visual-presentation-comparison .vp-controls:disabled :is(input,select,button){cursor:default;opacity:.65}
.visual-presentation-comparison .vp-control-note{font-size:12px;line-height:1.8;margin:10px 0 18px}
@media(max-width:720px){.visual-presentation-comparison .vp-window{padding:12px}.visual-presentation-comparison .vp-controls{grid-template-columns:1fr}}
