.interaction-motion-comparison .figure-heading{display:block}
.interaction-motion-comparison .figure-heading p{font-size:14px;line-height:1.9;margin:8px 0 20px}
.interaction-motion-comparison .mock-content{background:#fff;color:#252c2d;padding:22px 16px}
.interaction-motion-comparison .mock-title{font-size:15px;line-height:1.8;margin:0 0 16px}
.interaction-motion-static-button,.interaction-motion-toggle{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #65766a;border-radius:4px;padding:12px;background:#f4f6f1;color:#253b2f;font:600 14px/1.8 var(--sans);text-align:left;overflow-wrap:anywhere}
.interaction-motion-toggle{cursor:pointer}
.interaction-motion-toggle:disabled{cursor:default}
.interaction-motion-toggle:enabled:hover{background:#e7eee4}
.interaction-motion-static-label,.interaction-motion-static-note,.interaction-motion-note{font-size:12px;line-height:1.9;margin:14px 0;color:#4f5956;overflow-wrap:anywhere}
.interaction-motion-static-note{border-left:3px solid #80513b;background:#fbede3;color:#6f3726;padding:10px 12px}
.interaction-motion-static-path{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:center;border:1px dashed #9b8b80;background:#faf6f0;padding:14px 10px;min-height:110px}
.interaction-motion-static-card{display:flex;align-items:center;justify-content:center;min-width:0;min-height:64px;border:1px solid #8a7567;background:#fff;padding:8px 4px;font-size:12px;line-height:1.8;text-align:center}
.interaction-motion-destination{border-style:dashed}
.interaction-motion-static-arrow{font-size:22px;text-align:center;color:#6f3726}
.interaction-motion-setting{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;line-height:1.9;padding:8px 0;cursor:pointer}
.interaction-motion-setting input{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:#35624d}
.interaction-motion-toggle:focus-visible,.interaction-motion-setting input:focus-visible{outline:3px solid #164fb2;outline-offset:3px}
.interaction-motion-status{font-size:12px;line-height:1.9;border-left:3px solid #35624d;background:#eef4ee;color:#274c3a;padding:10px 12px;margin:14px 0;overflow-wrap:anywhere}
.interaction-motion-panel{border:1px solid #9aaa9d;border-top:0;padding:14px 12px;background:#f8faf6;animation:none;transition:none}
.interaction-motion-panel[hidden]{display:none}
.interaction-motion-panel h4{font-size:13px;line-height:1.9;margin:0 0 8px}
.interaction-motion-panel p{font-size:13px;line-height:1.9;margin:0}
@media(prefers-reduced-motion:no-preference){.interaction-motion-panel.is-animated{animation:interaction-motion-reveal 180ms ease-out}}
@media(prefers-reduced-motion:reduce){.interaction-motion-panel{animation:none;transition:none;transform:none}}
@keyframes interaction-motion-reveal{from{transform:translateY(6px)}to{transform:translateY(0)}}
@media(max-width:720px){.interaction-motion-static-label,.interaction-motion-static-note,.interaction-motion-note,.interaction-motion-status{font-size:13px}.interaction-motion-comparison .mock-content{padding:18px 14px}.interaction-motion-static-path{gap:5px;padding:12px 6px}}
@media print{.interaction-motion-comparison .mock-content{padding:12pt}.interaction-motion-static-button,.interaction-motion-toggle{min-height:28pt;font-size:10pt}.interaction-motion-static-label,.interaction-motion-static-note,.interaction-motion-note,.interaction-motion-status,.interaction-motion-setting,.interaction-motion-static-card,.interaction-motion-panel h4,.interaction-motion-panel p{font-size:8pt}.interaction-motion-static-path{min-height:70pt}.interaction-motion-static-card{min-height:40pt}.interaction-motion-panel.is-animated{animation:none;transform:none}}