.cross-stage{--muted:var(--ink);background:var(--mint)}.cross-scene{width:100%;max-width:480px;margin:16px auto 24px}.cross-scene svg,.cross-option svg{width:100%;height:auto;display:block}.cross-practice[data-phase=setup] .cross-scene{max-width:320px;margin-block:12px}.cross-stage #cross-example-note{margin:24px 0 0}.cross-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:20px;display:grid}.cross-option{border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--card);min-width:0;min-height:52px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:stretch;padding:12px 8px;font-weight:650;line-height:1.5;display:flex}.cross-option-number{font-variant-numeric:tabular-nums;align-self:flex-start;padding-inline:4px}.cross-option svg{max-width:140px;margin-inline:auto}.cross-option-marker{overflow-wrap:anywhere;margin-top:auto;font-size:.875rem;font-weight:600}.cross-option [data-answer-mark]{align-self:center;margin-top:6px}.cross-option-marker:empty{display:none}.cross-option[data-answer-state]{padding:11px 7px}.cross-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cross-option:disabled{opacity:1;cursor:default}.cross-option:active:not(:disabled){background:var(--mint)}.cross-stage #cross-feedback:focus{outline:none}.cross-stage .board-actions>.btn{min-height:52px}.cross-stage #cross-view-controls{width:100%;max-width:480px;margin:-12px auto 16px}.cross-practice[data-phase=setup] #cross-view-controls{max-width:320px;margin-top:0}@media (scripting:enabled){.cross-practice[data-phase=setup] #cross-view-controls[hidden],.cross-practice[data-phase=setup] .practice-setup-example [data-cross-controls][hidden]{visibility:hidden;display:flex!important}}.cross-stage #cross-next{scroll-margin-bottom:16px}.cross-stage #cross-review{scroll-margin-top:16px}.cross-practice[data-phase=review] .cross-scene{margin-bottom:16px}@media (hover:hover){.cross-option:hover:not(:disabled){background:var(--accent-soft)}}@media (width<=37.5em){.cross-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=22.5em){.cross-options{gap:8px}.cross-option{padding-inline:6px}.cross-option[data-answer-state]{padding-inline:5px}}@media (forced-colors:active){.cross-stage{border:1px solid canvastext}.cross-option:focus-visible{outline-color:highlight}.cross-scene svg,.cross-option svg{forced-color-adjust:none;background:#fafaf6}}.cross-options[data-choices="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=37.5em){.cross-options[data-choices="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-options[data-choices="5"] .cross-option:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}}.cross-comparison{margin-block:16px}.cross-comparison>summary{width:fit-content;min-height:44px;color:var(--accent);cursor:pointer;padding-block:10px;font-weight:650}.cross-comparison>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cross-comparison-figures,.cross-followup-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:440px;margin:12px auto;display:grid}.cross-comparison-figures figure{text-align:center;min-width:0;margin:0}.cross-comparison-figures figcaption{font-size:.875rem;line-height:1.5}.cross-comparison-figures svg{width:100%;height:auto;display:block}.cross-followup-options .cross-option svg{max-width:180px}#cross-followup-feedback:empty{display:none}@media (forced-colors:active){.cross-comparison svg{--accent:CanvasText;--card:Canvas;--ink:CanvasText;forced-color-adjust:none}}.cross-practice[data-inference-mode=changing-cut] :is(.spatial-transition-current,.spatial-transition-reference,.spatial-transition-review,.spatial-transition-hint){width:100%;min-width:0;max-width:480px;margin-inline:auto}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-figure{text-align:center;min-width:0;margin:0}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-figure>svg{width:100%;max-width:100%;height:auto;display:block}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-figure>figcaption{color:var(--muted);margin-bottom:8px;font-size:.875rem;line-height:1.5}.cross-practice[data-inference-mode=changing-cut] :is(.spatial-transition-frames,.spatial-transition-review){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-reference--single .spatial-transition-frames{grid-template-columns:minmax(0,1fr);max-width:280px;margin-inline:auto}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-reference>summary{min-height:44px;color:var(--accent);cursor:pointer;padding-block:10px;font-size:.9375rem}.cross-practice[data-inference-mode=changing-cut] .spatial-transition-caption{margin-block:12px;font-size:.9375rem;line-height:1.6}main .practice-setup-example .cross-transition-example{width:100%;max-width:520px;margin-inline:auto}.cross-transition-example-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px auto;display:flex}.cross-transition-example-tools>input[type=range]{min-width:64px;min-height:44px;accent-color:var(--accent);cursor:pointer;flex:96px;margin:0}.cross-transition-example-tools>.btn{flex:0 auto;width:auto;min-height:44px;margin:0;padding:8px 12px}.cross-transition-example-tools>.cross-orbit-button{flex:0 0 44px;width:44px;height:44px}.cross-transition-example-tools>input:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.cross-transition-example-status{color:var(--muted);text-align:center;margin:0;font-size:.875rem}