.hand-player .interactive-hand-explanation{display:flex;flex-direction:column;min-height:340px;max-height:100%;outline-offset:4px}
.workspace-panel-body:has(.workspace-feature[data-feature="interactive"]:not([hidden]) .hand-player){overflow:hidden}
.workspace-feature:has(.hand-player){height:100%;min-height:0}
.workspace-feature>.explanation:has(.hand-player){height:100%;padding:12px}
.workspace-panel .primary-learning.explanation-player.hand-player{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
.workspace-panel .hand-player .player-header{flex:none;padding:8px 10px;gap:8px}
.workspace-panel .hand-player .player-header{display:flex;justify-content:space-between;flex-wrap:wrap}
.workspace-panel .hand-player .player-header>div{display:none}
.workspace-panel .hand-player .player-tabs{grid-column:auto;margin:0}
.workspace-panel .hand-player .player-tabs button{padding:8px 12px;min-height:36px;font-size:14px}
.workspace-panel .hand-player .view-question{padding:8px 10px;min-height:36px;font-size:14px}
.workspace-panel .hand-player .desmos-step-nav{padding:6px 0;gap:6px;margin:0}
.workspace-panel .hand-player .desmos-controls{padding:0;margin:0;min-height:40px}
.workspace-panel .hand-player .desmos-controls{background:#fff;backdrop-filter:none;border-radius:0}
.workspace-panel .hand-player .desmos-controls span{color:#64748b}
.workspace-panel .hand-player .desmos-controls button{min-height:36px;padding:8px 12px;font-size:14px}
.workspace-panel .hand-player .desmos-step-nav button{width:30px;height:30px;min-height:30px;font-size:14px}
.workspace-panel .hand-player .hand-expand-cue{line-height:20px;margin-bottom:6px}
.workspace-panel .hand-player .player-header h3{font-size:16px!important;line-height:1.35}
.workspace-panel .hand-player .player-body{flex:1}
.hand-player .hand-expand-cue{margin:0 0 12px;color:#64748b;font-size:14px}
.hand-player .hand-work{position:relative;overflow:auto;min-height:0;flex:1;scrollbar-color:#a3adbb #f5f8fc;padding:4px 8px 12px}
.hand-player .hand-step{padding:18px 22px;margin:0 0 12px;background:#fff;border:1px solid #dce4ef;border-radius:14px}
.hand-player .hand-step.current{background:#f2f6fd;border-color:#b7cbea}
.hand-player .hand-step-number{margin:0 0 4px;font:600 12px/1.4 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#225bb0}
.hand-player .hand-step h4{margin:0 0 8px;font:650 18px/1.35 'Segoe UI',sans-serif;color:#233652}
.hand-player .hand-step>p:not(.hand-step-number){margin:0 0 12px;font:400 16px/1.5 'Segoe UI',sans-serif;color:#455b76}
.hand-player .hand-equations{display:grid;gap:10px;text-align:center;color:#193b69;font:400 clamp(19px,2vw,25px)/1.6 'Cambria Math',Cambria,serif;overflow-wrap:anywhere}
.hand-player .hand-equations sup,.hand-player .hand-equations sub{font-size:.65em}
.hand-player .hand-math-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%}
.hand-player .hand-fraction{display:inline-flex;flex-direction:column;font-size:.9em;line-height:1.35;min-width:0}
.hand-player .hand-fraction>span{padding:3px 4px;overflow-wrap:normal}
.hand-player .hand-fraction>span:first-child{border-bottom:1px solid currentColor}
.hand-player .hand-visual{max-width:330px;margin:18px auto 0;text-align:center}
.hand-player .hand-visual svg{width:100%;height:auto;max-height:185px;fill:none;stroke:#225bb0;stroke-width:2}
.hand-player .hand-visual text{stroke:none;fill:#233652;font:14px 'Segoe UI',sans-serif;text-anchor:middle}
.hand-player .hand-guide{stroke:#8499b5;stroke-dasharray:5 5}.hand-player .hand-point{fill:#225bb0}
.hand-player figcaption{font:400 14px/1.5 'Segoe UI',sans-serif;color:#536780}
.hand-player .hand-step>p.hand-answer{margin:14px 0 0;font-weight:650;color:#225bb0}
.hand-player .desmos-step-nav,.hand-player .desmos-controls{flex:none}
.workspace-panel .hand-player .player-body{overflow:hidden;display:flex;flex-direction:column;min-height:0}
.workspace-panel .hand-player .player-mode.active{display:flex;flex:1;min-height:0;flex-direction:column}
.workspace-panel .hand-player .interactive-hand-explanation{flex:1;min-height:0}
.workspace-panel .hand-player .takeaway-mode.active{overflow:auto}
@media(max-width:520px){.hand-player .hand-step{padding:14px 12px}.hand-player .hand-equations{font-size:19px}.hand-player .hand-expand-cue{font-size:13px}}