algorithm-diagram:where(.astro-b3xcby5y){color:#e4e8f0;--sl-color-text:#e4e8f0;background:#101722;border:1px solid #303c50;border-radius:14px;margin:1.6rem 0;display:block;overflow:hidden;container-type:inline-size}.diagram-top:where(.astro-b3xcby5y){color:#a1aec3;font:400 .61rem var(--sl-font-mono);letter-spacing:.085em;background:#151e2c;border-bottom:1px solid #263244;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.diagram-top:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){align-items:center;gap:.5rem;margin:0;display:flex}.diagram-top:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y):last-child{color:#b5a0ff;letter-spacing:0}.diagram-top:where(.astro-b3xcby5y) i:where(.astro-b3xcby5y){background:#63e2bd;border-radius:50%;width:6px;height:6px}.diagram-controls:where(.astro-b3xcby5y){grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1rem 1rem .25rem;display:grid;margin:0!important}.diagram-controls:where(.astro-b3xcby5y) button:where(.astro-b3xcby5y){text-align:left;color:#a7b3c8;cursor:pointer;min-width:0;font:400 .8rem var(--sl-font);background:#172030;border:1px solid #303c50;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.7rem .6rem;display:flex}.diagram-controls:where(.astro-b3xcby5y) button:where(.astro-b3xcby5y)[aria-pressed=true]{color:#e2d9ff;background:#b5a0ff16;border-color:#a993f1;box-shadow:inset 0 2px #b5a0ff}.step-number:where(.astro-b3xcby5y){font:400 .72rem var(--sl-font-mono);opacity:.8;line-height:1.5}.diagram-controls:where(.astro-b3xcby5y) b:where(.astro-b3xcby5y){font-weight:550;line-height:1.4;display:block}.diagram-controls:where(.astro-b3xcby5y) small:where(.astro-b3xcby5y){color:#a7b3c8;margin-top:.3rem;font-size:.67rem;line-height:1.4;display:block}.diagram-comparison:where(.astro-b3xcby5y){grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:start;gap:0;padding:1rem;display:grid;margin:0!important}figure:where(.astro-b3xcby5y),.diagram-output:where(.astro-b3xcby5y){min-width:0;margin:0!important}figcaption:where(.astro-b3xcby5y){flex-direction:column;gap:.35rem;min-height:3.8rem;padding:0 .3rem .6rem;font-size:.81rem;line-height:1.4;display:flex}figcaption:where(.astro-b3xcby5y) strong:where(.astro-b3xcby5y){color:#e4e8f0;font-weight:550}.panel-label:where(.astro-b3xcby5y){color:#a1aec3;font:400 .58rem var(--sl-font-mono);letter-spacing:.08em}.diagram-output:where(.astro-b3xcby5y) .panel-label:where(.astro-b3xcby5y){color:#63e2bd}.diagram-art:where(.astro-b3xcby5y){background:#131c2b;border:1px solid #2a364a;border-radius:7px;overflow:hidden;margin:0!important}.diagram-art:where(.astro-b3xcby5y) svg{width:100%;height:auto;display:block;margin:0!important}.diagram-art:where(.astro-b3xcby5y) text{font-family:var(--sl-font-mono)}.comparison-arrow:where(.astro-b3xcby5y){color:#63e2bd;text-align:center;align-self:start;margin-top:7rem;font-size:1.1rem}.panel-detail:where(.astro-b3xcby5y){color:#b0bbcf;line-height:1.65;margin:.75rem .3rem 0!important;font-size:.74rem!important}.diagram-explanation:where(.astro-b3xcby5y){background:#192438;border-block:1px solid #303c50;padding:1rem 1.2rem 1.1rem;position:relative;margin:0!important}.stage-heading:where(.astro-b3xcby5y){justify-content:space-between;align-items:center;gap:1rem;display:flex;margin:0!important}.stage-heading:where(.astro-b3xcby5y)>span:where(.astro-b3xcby5y){font:400 .61rem var(--sl-font-mono);letter-spacing:.08em;color:#b5a0ff}.diagram-play:where(.astro-b3xcby5y){color:#d1dbea;font:400 .7rem var(--sl-font);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #516078;border-radius:5px;padding:.3rem .65rem;margin:0!important}.diagram-play:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){color:#63e2bd;margin-right:.2rem}button:where(.astro-b3xcby5y):focus-visible{outline-offset:3px;outline:2px solid #63e2bd}.diagram-caption:where(.astro-b3xcby5y){color:#d1dbea;min-height:2.7em;line-height:1.65;margin:.65rem 0 0!important;font-size:.82rem!important}.diagram-note:where(.astro-b3xcby5y){color:#a0acc0;background:#101722;padding:.8rem 1.2rem;line-height:1.6;margin:0!important;font-size:.66rem!important}.diagram-progress:where(.astro-b3xcby5y){background:#263244;height:2px;position:absolute;bottom:0;left:0;right:0;margin:0!important}.diagram-progress:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){background:#b5a0ff;width:100%;height:100%;transition:width .18s;display:block}:where(.astro-b3xcby5y)[data-stage="0"] .diagram-progress:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){width:33.333%}:where(.astro-b3xcby5y)[data-stage="1"] .diagram-progress:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){width:66.666%}:where(.astro-b3xcby5y)[hidden]{display:none!important}.compact:where(.astro-b3xcby5y) .diagram-comparison:where(.astro-b3xcby5y){padding:.8rem}.compact:where(.astro-b3xcby5y) .diagram-top:where(.astro-b3xcby5y){padding:.75rem 1rem}.compact:where(.astro-b3xcby5y) .panel-detail:where(.astro-b3xcby5y){font-size:.7rem!important}@container (width<=470px){.diagram-controls:where(.astro-b3xcby5y){gap:.3rem;padding:.7rem .7rem .2rem}.diagram-controls:where(.astro-b3xcby5y) button:where(.astro-b3xcby5y){justify-content:center;align-items:center;gap:.3rem;padding:.65rem .4rem}.diagram-controls:where(.astro-b3xcby5y) small:where(.astro-b3xcby5y){display:none}.diagram-controls:where(.astro-b3xcby5y) b:where(.astro-b3xcby5y){font-size:.75rem}.step-number:where(.astro-b3xcby5y){font-size:.6rem}.diagram-comparison:where(.astro-b3xcby5y){grid-template-columns:1fr;gap:.75rem;padding:.8rem}figcaption:where(.astro-b3xcby5y){min-height:0;padding-bottom:.5rem}.comparison-arrow:where(.astro-b3xcby5y){margin:0;line-height:1;transform:rotate(90deg)}.panel-detail:where(.astro-b3xcby5y){font-size:.76rem!important}.diagram-top:where(.astro-b3xcby5y){padding:.85rem;font-size:.53rem}.diagram-caption:where(.astro-b3xcby5y){min-height:0}.diagram-input:where(.astro-b3xcby5y) .diagram-art:where(.astro-b3xcby5y){max-width:100%}}@media (prefers-reduced-motion:reduce){.diagram-progress:where(.astro-b3xcby5y) span:where(.astro-b3xcby5y){transition:none}}