.oj:where(.astro-kyjog3dh){--oj-sales:#b8901c;--pos:0;--role:var(--axis-technique);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}[data-theme=light] .oj:where(.astro-kyjog3dh){--oj-sales:#8a6a0e}button:where(.astro-kyjog3dh){font:inherit;cursor:pointer}button:where(.astro-kyjog3dh):focus-visible,a:where(.astro-kyjog3dh):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.roles:where(.astro-kyjog3dh){border:0;margin:0 0 1.25rem;padding:0}.roles:where(.astro-kyjog3dh) legend:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);margin-bottom:.5rem;padding:0;font-weight:600}.chips:where(.astro-kyjog3dh){flex-wrap:wrap;gap:.5rem;display:flex}.chip:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);color:var(--c);border:2px solid var(--sl-color-gray-5);background:0 0;border-radius:999px;padding:.4rem .9rem;font-weight:600}.chip:where(.astro-kyjog3dh):hover{border-color:var(--c)}.chip:where(.astro-kyjog3dh)[aria-pressed=true]{color:var(--sl-color-black);background:var(--c);border-color:var(--c)}.track:where(.astro-kyjog3dh){position:relative}.zones:where(.astro-kyjog3dh){grid-template-columns:2fr 3fr;gap:.5rem;margin-bottom:.5rem;display:grid}.zone:where(.astro-kyjog3dh){font-size:var(--sl-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-gray-3);border-top:2px solid var(--sl-color-gray-5);padding:.2rem .6rem}.rail:where(.astro-kyjog3dh){background:var(--sl-color-gray-5);border-radius:2px;height:4px;margin:0 10% .75rem;position:relative}.fill:where(.astro-kyjog3dh){width:calc(var(--pos) * 100%);background:var(--role);border-radius:2px;transition:width .6s;position:absolute;inset:0 auto 0 0}.dot:where(.astro-kyjog3dh){top:50%;left:calc(var(--pos) * 100%);background:var(--role);border:2px solid var(--sl-color-black);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:left .6s;position:absolute}.steps:where(.astro-kyjog3dh){grid-template-columns:repeat(5,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.steps:where(.astro-kyjog3dh) li:where(.astro-kyjog3dh){min-width:0;margin:0}.step:where(.astro-kyjog3dh){text-align:center;width:100%;height:100%;color:var(--sl-color-gray-2);background:var(--sl-color-gray-6);border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .2rem;display:flex}.step:where(.astro-kyjog3dh):hover{border-color:var(--sl-color-gray-4)}.step:where(.astro-kyjog3dh)[aria-pressed=true]{border-color:var(--role);color:var(--sl-color-white)}.num:where(.astro-kyjog3dh){width:1.6rem;height:1.6rem;font-size:var(--sl-text-xs);color:var(--sl-color-white);background:var(--sl-color-gray-5);border-radius:50%;place-items:center;font-weight:700;display:grid}.step:where(.astro-kyjog3dh).done .num:where(.astro-kyjog3dh),.step:where(.astro-kyjog3dh)[aria-pressed=true] .num:where(.astro-kyjog3dh){color:var(--sl-color-black);background:var(--role)}.name:where(.astro-kyjog3dh){color:var(--sl-color-white);hyphens:auto;font-size:.8125rem;font-weight:700}.verb:where(.astro-kyjog3dh){font-size:var(--sl-text-xs);line-height:1.3}.panel:where(.astro-kyjog3dh){background:var(--sl-color-gray-6);border-radius:.6rem;min-height:15rem;margin-top:1.25rem;padding:1rem 1.1rem}.panel:where(.astro-kyjog3dh) p:where(.astro-kyjog3dh){margin:0}.count:where(.astro-kyjog3dh){font-size:var(--sl-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-gray-3)}.p-title:where(.astro-kyjog3dh){font-size:var(--sl-text-h4);color:var(--sl-color-white);margin:.15rem 0 .75rem;line-height:1.25}.what-title:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);font-weight:700}.what:where(.astro-kyjog3dh){color:var(--sl-color-gray-1);line-height:1.55;margin-top:.2rem!important}.role-box:where(.astro-kyjog3dh){border-left:4px solid var(--role);background:var(--sl-color-black);border-radius:0 .5rem .5rem 0;margin-top:.9rem;padding:.75rem .9rem}.role-title:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);color:var(--role);font-weight:700}.role-text:where(.astro-kyjog3dh){color:var(--sl-color-white);line-height:1.55;margin-top:.2rem!important}.more:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);margin-top:.9rem!important}.more:where(.astro-kyjog3dh) a:where(.astro-kyjog3dh){color:var(--sl-color-text-accent)}.controls:where(.astro-kyjog3dh){justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.ctl:where(.astro-kyjog3dh){font-size:var(--sl-text-sm);color:var(--sl-color-white);background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:.4rem;padding:.4rem .9rem}.ctl:where(.astro-kyjog3dh):hover{border-color:var(--sl-color-gray-3)}.ctl:where(.astro-kyjog3dh).play{min-width:7rem;font-weight:600}@media (width<=40rem){.zones:where(.astro-kyjog3dh),.rail:where(.astro-kyjog3dh){display:none}.steps:where(.astro-kyjog3dh){grid-template-columns:1fr}.step:where(.astro-kyjog3dh){text-align:left;flex-direction:row;align-items:center;gap:.6rem;padding:.5rem .7rem}.verb:where(.astro-kyjog3dh){text-align:right;margin-left:auto}.panel:where(.astro-kyjog3dh){min-height:0}}@media (prefers-reduced-motion:reduce){.fill:where(.astro-kyjog3dh),.dot:where(.astro-kyjog3dh){transition:none}}