.educational-visual{--ev-accent:var(--violet)}.educational-visual__panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.educational-visual__svg-wrap{aspect-ratio:1;max-width:100%}.educational-visual__svg-wrap--wide{aspect-ratio:16/9}.educational-visual__svg-wrap--tall{aspect-ratio:360/820}@media (min-width:768px){.educational-visual__svg-wrap--tall{aspect-ratio:16/9}}.educational-visual__controls{flex-wrap:wrap;gap:.5rem;display:flex}.educational-visual__layer-btn[aria-pressed=true]{border-color:color-mix(in srgb, var(--ev-accent) 45%, var(--border));color:var(--ivory);background:color-mix(in srgb, var(--ev-accent) 12%, var(--surface))}.educational-visual__control-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:44px;color:var(--ivory);padding:.5rem .875rem;font-size:.875rem;line-height:1.2}.educational-visual__control-btn:hover{border-color:color-mix(in srgb, var(--violet) 45%, var(--border))}.educational-visual__control-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.educational-visual__note{color:var(--muted-2);margin:0;font-size:.8125rem;line-height:1.5}.educational-visual__copy{color:var(--muted);margin:0;font-size:.875rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.educational-visual *,.educational-visual :before,.educational-visual :after{transition:none!important;animation:none!important}}@keyframes ev-transit-move{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes ev-solar-orbit{0%{transform:rotate(0)}to{transform:rotate(300deg)}}.educational-visual--animating .ev-transit-marker{animation:8s linear forwards ev-transit-move}.educational-visual--animating .ev-solar-transit-arm{transform-origin:200px 200px;animation:7s ease-in-out forwards ev-solar-orbit}