.code-trace pre.astro-code{margin:0;padding:1rem 0;border-radius:0;max-height:26rem;font-size:.85rem;line-height:1.65}.code-trace pre.astro-code>code{display:grid;min-width:max-content;counter-reset:trace-line}.code-trace .line{position:relative;padding-right:1rem}.code-trace .line:before{counter-increment:trace-line;content:counter(trace-line);display:inline-block;width:2.5ch;margin:0 1.25rem 0 1rem;text-align:right;color:var(--color-slate-600);background:none!important;user-select:none}.code-trace .line.is-current:after{content:"";position:absolute;inset:0;border-left:2px solid var(--color-teal-500);background:color-mix(in oklch,var(--color-teal-500) 16%,transparent);pointer-events:none}.code-trace .line.is-current:before{color:var(--color-teal-400);font-weight:700}.code-trace__panels{display:grid;grid-template-columns:1fr;gap:1px;background:var(--color-slate-800)}@media(min-width:40rem){.code-trace__panels{grid-template-columns:1.2fr 1fr}}.code-trace__panel{padding:.75rem 1rem 1rem;background:var(--color-slate-900);min-height:7rem}.code-trace__scope{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--color-teal-400)}.code-trace__vars{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.code-trace__vars dt{color:var(--color-slate-400);white-space:nowrap}.code-trace__vars dd{margin:0;color:var(--color-slate-100);overflow-wrap:anywhere}.code-trace__vars .is-changed{color:var(--color-teal-400)}.code-trace__was{color:var(--color-slate-500);animation:code-trace-fade .9s ease-out forwards}.code-trace__now{display:inline-block;animation:code-trace-arrive .4s ease-out}.code-trace__empty{margin:0;font-size:.78rem;color:var(--color-slate-500)}.code-trace__stdout{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.6;color:var(--color-slate-300);white-space:pre-wrap;overflow-wrap:anywhere}.code-trace__stdout .is-fresh{display:inline-block;color:var(--color-teal-400);animation:code-trace-arrive .4s ease-out}.code-trace__error{color:#f66d67}@keyframes code-trace-arrive{0%{opacity:0;transform:translateY(-.25em)}to{opacity:1;transform:none}}@keyframes code-trace-fade{0%,45%{opacity:1;font-size:1em}to{opacity:0;font-size:0}}@media(prefers-reduced-motion:reduce){.code-trace__was,.code-trace__now,.code-trace__stdout .is-fresh{animation:none}.code-trace__was{display:none}}.stepper{margin:2rem 0;border:1px solid var(--color-slate-800);border-radius:.75rem;overflow:hidden;background:var(--color-slate-900)}.stepper:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:2px}.stepper__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--color-slate-800);border-bottom:1px solid var(--color-slate-800);background:color-mix(in oklch,var(--color-slate-950) 55%,transparent)}.stepper__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid var(--color-slate-700);border-radius:.375rem;background:var(--color-slate-900);color:var(--color-slate-200);font-size:.8rem;line-height:1;cursor:pointer}.stepper__btn:hover:not(:disabled){border-color:var(--color-teal-500);color:var(--color-teal-400)}.stepper__btn--play{min-width:3.75rem}.stepper__btn:disabled{opacity:.4;cursor:default}.stepper__scrub{flex:1;min-width:4rem;height:.35rem;margin:0 .25rem;padding:0;appearance:none;-webkit-appearance:none;border-radius:999px;background:var(--color-slate-700);cursor:pointer}.stepper__scrub:disabled{opacity:.4;cursor:default}.stepper__scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:.85rem;height:.85rem;border:none;border-radius:50%;background:var(--color-teal-500)}.stepper__scrub::-moz-range-thumb{width:.85rem;height:.85rem;border:none;border-radius:50%;background:var(--color-teal-500)}.stepper__count{font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--color-slate-400);white-space:nowrap}.stepper__label{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .5rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate-500)}.math-steps__stage{padding:1.5rem 1.25rem 1.25rem}.math-steps .katex-display{margin:0;overflow-x:auto;overflow-y:hidden;padding:.25rem 0}.math-steps__caption{max-width:46ch;margin:.9rem auto 0;font-size:.85rem;line-height:1.6;color:var(--color-slate-400);text-align:center}.math-steps__step+.math-steps__step{margin-top:1.75rem}.math-steps.is-enhanced .math-steps__stage{display:grid}.math-steps.is-enhanced .math-steps__step{grid-area:1 / 1;margin-top:0;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s}.math-steps.is-enhanced .math-steps__step.is-current{opacity:1;visibility:visible;transition:opacity .26s ease,visibility 0s}.math-steps.is-enhanced [data-term]{display:inline-block}.math-steps [data-term].is-changed,.math-steps [data-term=focus]{color:var(--color-teal-400)}.math-steps__caption .katex{font-size:1em;color:var(--color-slate-300)}@media(prefers-reduced-motion:reduce){.math-steps.is-enhanced .math-steps__step{transition:none}}