.vector-explorer{box-sizing:border-box;color:#252936;background:#fafbff;border:1px solid #e0e5ec;border-radius:18px;width:100%;margin:18px 0;padding:16px}.vector-explorer svg{width:100%;max-height:340px;display:block}.vector-explorer svg text{fill:#4b5563;font:11px system-ui}.vector-legend{flex-wrap:wrap;gap:8px 18px;font-size:14px;line-height:1.7;display:flex}.vector-equation{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:14px 0;display:flex}.vector-column{text-align:center;gap:4px;padding:4px 12px;display:inline-grid;position:relative}.vector-column:before,.vector-column:after{content:"";border-top:2px solid;border-bottom:2px solid;width:5px;position:absolute;top:0;bottom:0}.vector-column:before{border-left:2px solid;left:0}.vector-column:after{border-right:2px solid;right:0}.vector-controls{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.vector-controls label{font-size:14px}.vector-controls input{accent-color:#6850b4;width:100%;min-height:44px;display:block}.vector-explorer p{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.vector-controls input:focus-visible{outline:3px solid #bdc9ff}.saved-lesson-art .vector-explorer{border:0;margin:0;padding:6px}.saved-lesson-art .vector-legend,.saved-lesson-art .vector-equation,.saved-lesson-art .vector-readout{display:none}.lesson-page:has(.vector-explorer) .lesson-action-bar{width:100%;box-shadow:none;z-index:auto;background:0 0;border:0;margin:16px 0;padding:16px 0;position:static;inset:auto;transform:none}.lesson-page:has(.vector-explorer) .lesson-actions{border-top:1px solid #e1e5ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 0;display:flex}.lesson-page:has(.vector-explorer) .lesson-actions>p{flex-basis:100%;margin:0;font-size:14px;line-height:1.6}.lesson-page:has(.vector-explorer) .lesson-actions>button{min-height:44px}body:has(.vector-explorer) .skip-link{clip-path:inset(50%);position:absolute;top:0;left:16px;transform:none}body:has(.vector-explorer) .skip-link:focus{clip-path:none;top:0}@media (max-width:540px){.vector-explorer{padding:12px}.vector-explorer svg{max-height:300px}}
.matrix-explorer{color:#252936;box-sizing:border-box;background:#fafbff;border:1px solid #e1e5ef;border-radius:18px;width:100%;margin:18px 0;padding:16px}.matrix-panels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.matrix-panels figure{min-width:0;margin:0}.matrix-panels figcaption{text-align:center;font-size:14px;line-height:1.6}.matrix-panels svg{touch-action:none;width:100%;max-height:280px;display:block}.matrix-panels text{fill:#4b5563;font:10px system-ui}.matrix-legend{flex-wrap:wrap;gap:8px 20px;font-size:13px;line-height:1.6;display:flex}.matrix-equation{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.matrix-numbers{grid-template-columns:1fr 1fr;gap:5px 18px;padding:5px 12px;display:grid;position:relative}.matrix-numbers:before,.matrix-numbers:after{content:"";border-top:2px solid;border-bottom:2px solid;width:6px;position:absolute;top:0;bottom:0}.matrix-numbers:before{border-left:2px solid;left:0}.matrix-numbers:after{border-right:2px solid;right:0}.matrix-formula{text-align:center;overflow-wrap:anywhere}.matrix-controls{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.matrix-controls label{font-size:14px;display:block}.matrix-controls input{accent-color:#3856d6;width:100%;min-height:32px;display:block}.matrix-explorer p{font-size:14px;line-height:1.7}.matrix-controls input:focus-visible{outline-offset:2px;outline:3px solid #bdc9ff}.saved-lesson-art .matrix-explorer{border:0;margin:0;padding:8px}.saved-lesson-art .matrix-legend,.saved-lesson-art .matrix-equation{display:none}@media (max-width:540px){.matrix-panels{grid-template-columns:1fr}.matrix-panels svg{max-height:240px}.matrix-controls{grid-template-columns:1fr 1fr}.matrix-explorer{padding:12px}.matrix-equation{font-size:14px}.saved-lesson-art .matrix-panels{grid-template-columns:1fr 1fr}}.lesson-page:has(.matrix-explorer) .lesson-action-bar{width:100%;box-shadow:none;z-index:auto;background:0 0;border:0;margin:16px 0;padding:16px 0;position:static;inset:auto;transform:none}.lesson-page:has(.matrix-explorer) .lesson-actions{border-top:1px solid #e1e5ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 0;display:flex}.lesson-page:has(.matrix-explorer) .lesson-actions>p{color:#626570;flex-basis:100%;margin:0;font-size:14px;line-height:1.6}.lesson-page:has(.matrix-explorer) .lesson-actions>.text-button{min-height:44px;padding:8px 12px}.lesson-page:has(.matrix-explorer) .lesson-actions>.primary-button{min-height:44px}
.labelled-chart{color:#242631;width:100%;max-width:520px;margin:0 auto;padding:14px 8px}.labelled-chart svg{width:100%;height:auto;display:block;overflow:visible}.labelled-chart text{fill:#242631;font-family:DM Sans,PingFang TC,Microsoft JhengHei,sans-serif;font-size:15px}.labelled-chart .chart-axis-title{font-size:16px;font-weight:700}.labelled-chart figcaption{color:#626570;overflow-wrap:anywhere;margin:8px 8px 0;font-size:13px;line-height:1.6}