/* Shared precision, input feedback and motion controls. Geometry belongs to the
   existing window/illustration systems; material decisions belong to each direction. */
:root{--finish-ease:cubic-bezier(.22,.75,.18,1);--finish-blue:#2a5fb8}
body[data-direction] .review-inner{gap:16px}
.review-jumps{gap:14px}
.motion-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce2e8;border-radius:6px;background:#fff;color:#526173;padding:5px 8px;white-space:nowrap;font:11px/1.3 Geist,sans-serif;cursor:pointer;transition:background 180ms,color 180ms,border-color 180ms}
.motion-toggle::before{content:"";width:5px;height:5px;border-radius:50%;background:#2a5fb8;box-shadow:0 0 0 3px #2a5fb80c}
.motion-toggle[aria-pressed=false]::before{background:#9ca6af;box-shadow:none}
.motion-toggle:hover{color:#244f91;border-color:#9bb3d4;background:#f6f9fe}
.motion-toggle:focus-visible,.ix-replay:focus-visible{outline:2px solid #2a5fb8;outline-offset:3px}
body[data-direction] .ix-feature-label .ix-replay{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:1px solid transparent;background:transparent;border-radius:5px;padding:3px 6px;color:#66737d;font:10px/1.4 Geist,sans-serif;cursor:pointer;transition:color 180ms,background 180ms,border-color 180ms}
.ix-replay svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;fill:none;transition:transform 240ms var(--finish-ease)}
body[data-direction] .ix-feature-label .ix-replay:hover{color:#2459a5;border-color:#c8d6e9;background:#f1f5fb}
.ix-replay:hover svg{transform:rotate(-35deg)}
.ix-replay:disabled{opacity:.45;cursor:default}
body[data-direction=harvey] .ix-feature-label .ix-replay{margin-left:12px}
body[data-direction] :is(.direction-tabs button,.primary-action,.nav-cta,.text-action,.review-jump){transition:background-color 180ms,color 180ms,border-color 180ms,box-shadow 180ms,transform 180ms var(--finish-ease)}
body[data-direction] :is(.direction-tabs button,.primary-action,.nav-cta,.motion-toggle,.ix-replay):active{transform:translateY(1px)}
body[data-direction] .workspace-frame{box-shadow:0 2px 3px #182d4510,0 18px 48px -30px #182d4540!important}
body[data-direction] .workspace-foot{color:#657181}
html[data-direction] body[data-design=atelier][data-finish=polished] #studyRoot{
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
 :is(button,a,summary){-webkit-tap-highlight-color:transparent;transition:background-color 180ms var(--finish-ease),color 180ms,border-color 180ms,box-shadow 180ms,transform 160ms var(--finish-ease)!important}
 button:not(:disabled):active{transform:translateY(1px)}
 :is(button,a,summary):focus-visible{outline:2px solid #2a5fb8!important;outline-offset:3px!important}
 :is(.ms-return strong,.ms-workbook td,.ps-record strong,.or-metric strong){font-variant-numeric:tabular-nums}
 ::-webkit-scrollbar{width:5px;height:5px}
 ::-webkit-scrollbar-thumb{background:#9ba8b766;border-radius:8px}
 ::-webkit-scrollbar-track{background:transparent}
}
body[data-motion=off] *,html[data-motion=off] body *{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
@media(max-width:1130px){.review-label{display:none!important}.review-inner{justify-content:space-between!important}}
@media(max-width:760px){.review-inner{gap:8px!important}.motion-toggle{font-size:10px;padding:4px 6px}.direction-tabs{min-width:0;overflow-x:auto}.direction-tabs button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.motion-toggle,.ix-replay,.ix-replay svg{transition:none}.ix-replay:hover svg{transform:none}html[data-direction] body[data-design=atelier][data-finish=polished] #studyRoot :is(button,a,summary){transition:none!important}}
