.step-animation[data-astro-cid-ql5ujpbl]{margin:1.75rem 0;position:relative}.step-animation__canvas[data-astro-cid-ql5ujpbl]{border:1px solid var(--color-border);cursor:zoom-in;background:#fff;border-radius:.75rem;transition:transform .15s,box-shadow .15s;overflow:hidden}.step-animation__canvas[data-astro-cid-ql5ujpbl]:hover{box-shadow:var(--shadow-image-hover);transform:translateY(-2px)scale(1.01)}.step-animation__canvas[data-astro-cid-ql5ujpbl] svg{width:100%;height:auto;display:block}.lightbox-diagram .step-animation__canvas[data-astro-cid-ql5ujpbl]{cursor:default}.lightbox-diagram .step-animation__canvas[data-astro-cid-ql5ujpbl]:hover{box-shadow:none;transform:none}.step-animation__controls[data-astro-cid-ql5ujpbl]{align-items:center;gap:.25rem;margin-top:.6rem;display:flex}.player-btn[data-astro-cid-ql5ujpbl]{width:2.25rem;height:2.25rem;color:var(--color-secondary);border-radius:9999px;flex:none;place-items:center;transition:background .15s,color .15s,opacity .15s;display:grid}.player-btn[data-astro-cid-ql5ujpbl] svg[data-astro-cid-ql5ujpbl]{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.player-btn[data-astro-cid-ql5ujpbl]:hover:not(:disabled){background:var(--color-primary-elevated);color:var(--color-accent)}.player-btn[data-astro-cid-ql5ujpbl]:disabled{opacity:.35;cursor:default}.player-btn--main[data-astro-cid-ql5ujpbl]{background:var(--color-accent);width:2.6rem;height:2.6rem;color:var(--color-primary)}.player-btn--main[data-astro-cid-ql5ujpbl]:hover:not(:disabled){background:var(--color-accent-strong);color:var(--color-primary)}.player-btn--main[data-astro-cid-ql5ujpbl] .icon-play[data-astro-cid-ql5ujpbl]{fill:currentColor;stroke-width:1.5px;transform:translate(1px)}.player-btn--main[data-astro-cid-ql5ujpbl] .icon-pause[data-astro-cid-ql5ujpbl]{stroke-width:3px}.player-btn--main[data-astro-cid-ql5ujpbl] svg[data-astro-cid-ql5ujpbl]{display:none}.player-btn--main[data-astro-cid-ql5ujpbl][data-state=play] .icon-play[data-astro-cid-ql5ujpbl],.player-btn--main[data-astro-cid-ql5ujpbl][data-state=pause] .icon-pause[data-astro-cid-ql5ujpbl],.player-btn--main[data-astro-cid-ql5ujpbl][data-state=replay] .icon-replay[data-astro-cid-ql5ujpbl]{display:block}.player-btn[data-astro-cid-ql5ujpbl]:focus-visible,.timeline__input[data-astro-cid-ql5ujpbl]:focus-visible+.timeline__track[data-astro-cid-ql5ujpbl],.timeline[data-astro-cid-ql5ujpbl]:has(.timeline__input:focus-visible) .timeline__track[data-astro-cid-ql5ujpbl]{outline:2px solid var(--color-accent);outline-offset:3px}.timeline[data-astro-cid-ql5ujpbl]{flex:1;height:2.25rem;margin-left:.5rem;position:relative}.timeline__track[data-astro-cid-ql5ujpbl]{border-radius:9999px;gap:3px;height:6px;margin-top:-3px;display:flex;position:absolute;inset:50% 0 auto}.timeline[data-astro-cid-ql5ujpbl] .chapter{background:var(--color-border);border-radius:9999px;height:100%;transition:transform .15s;position:relative;overflow:hidden}.timeline[data-astro-cid-ql5ujpbl] .chapter__fill{background:var(--color-accent);transform-origin:0;transform:scaleX(var(--fill,0));position:absolute;inset:0}.timeline[data-astro-cid-ql5ujpbl]:hover .chapter{transform:scaleY(1.5)}.timeline__head[data-astro-cid-ql5ujpbl]{top:50%;left:calc(var(--progress,0) * 100%);background:var(--color-accent);pointer-events:none;border-radius:9999px;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;transition:transform .15s;position:absolute}.timeline[data-astro-cid-ql5ujpbl]:hover .timeline__head[data-astro-cid-ql5ujpbl],.timeline[data-astro-cid-ql5ujpbl]:active .timeline__head[data-astro-cid-ql5ujpbl]{transform:scale(1.3)}.timeline__input[data-astro-cid-ql5ujpbl]{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}.step-animation__zoom[data-astro-cid-ql5ujpbl]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step-animation__zoom[data-astro-cid-ql5ujpbl]:focus{border:1px solid var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px;background:var(--color-primary-elevated);clip-path:none;width:auto;height:auto;color:var(--color-secondary);border-radius:999px;margin:0;padding:.2rem .6rem;font-size:.75rem;line-height:1.5;top:.7rem;right:.8rem;overflow:visible}.step-animation__caption[data-astro-cid-ql5ujpbl]{color:var(--color-text-muted);text-align:center;margin-top:-.75rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.step-animation__canvas[data-astro-cid-ql5ujpbl]{transition:none}.step-animation__canvas[data-astro-cid-ql5ujpbl]:hover{transform:none}}@media print{.step-animation[data-astro-cid-ql5ujpbl]{break-inside:avoid}.step-animation__controls[data-astro-cid-ql5ujpbl],.step-animation__zoom[data-astro-cid-ql5ujpbl]{display:none}}