.learn-app:where(.astro-jl7hlwjb){background:rgba(var(--color-card-muted),.16)}.learn-content:where(.astro-jl7hlwjb){max-width:min(100%,980px);margin-inline:auto;padding:.7rem .9rem 1.4rem}.learn-content:where(.astro-jl7hlwjb) .explainer-container,.learn-content:where(.astro-jl7hlwjb) .animation-container{max-width:none}.explainer-rail:where(.astro-jl7hlwjb){gap:1.1rem;display:grid}.reader-rail-kicker:where(.astro-jl7hlwjb){letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-text-muted));margin:0 0 .5rem;font-size:.64rem;font-weight:700}.explainer-rail-prose:where(.astro-jl7hlwjb){color:rgb(var(--color-text-muted));font-size:.82rem;line-height:1.5}.explainer-rail-prose:where(.astro-jl7hlwjb) a{color:rgb(var(--color-accent));text-decoration:none}.explainer-rail-prose:where(.astro-jl7hlwjb) a:hover{text-decoration:underline}.reader-rail-link-list:where(.astro-jl7hlwjb){gap:.34rem;display:grid}.reader-rail-link-list:where(.astro-jl7hlwjb) a:where(.astro-jl7hlwjb){border-left:2px solid rgba(var(--color-border),.7);color:rgb(var(--color-text-muted));padding:.12rem 0 .12rem .62rem;font-size:.78rem;font-weight:560;line-height:1.35;text-decoration:none;transition:border-color .16s,color .16s}.reader-rail-link-list:where(.astro-jl7hlwjb) a:where(.astro-jl7hlwjb):hover{border-color:rgba(var(--color-accent),.75);color:rgb(var(--color-text))}@media (width<=640px){.learn-content:where(.astro-jl7hlwjb){padding:.6rem .7rem 1.1rem}}.animated-explainer:where(.astro-rcdeemsx){grid-template-columns:1fr;align-items:start;gap:.85rem;max-width:min(100%,760px);margin:.55rem auto 1.35rem;display:grid}.animation-panel:where(.astro-rcdeemsx){box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;min-width:0;padding:.25rem 0 .5rem;display:flex;position:relative}.animation-container:where(.astro-rcdeemsx){flex:auto;justify-content:center;align-items:center;min-width:0;padding:.4rem 0;display:flex;overflow:visible}.animation-container:where(.astro-rcdeemsx) svg{width:100%;height:auto;max-width:min(var(--explainer-max-width,560px),100%);max-height:min(var(--explainer-height,420px),48vh);max-height:min(var(--explainer-height,420px),48dvh);display:block;overflow:visible}.controls-bar:where(.astro-rcdeemsx){border-top:1px solid rgb(var(--color-border));justify-content:space-between;align-items:center;gap:.75rem;margin-top:.6rem;padding-top:.6rem;display:flex}.step-scrubber:where(.astro-rcdeemsx){align-items:center;gap:.5rem;display:flex}.step-dot:where(.astro-rcdeemsx){border:2px solid rgb(var(--color-border));cursor:pointer;transform-origin:50%;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:border-color .2s,background-color .2s,transform .2s}.step-dot:where(.astro-rcdeemsx):hover{border-color:rgb(var(--color-accent));transform:scale(1.2)}.step-dot:where(.astro-rcdeemsx):focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.step-dot:where(.astro-rcdeemsx).active{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent))}.step-dot:where(.astro-rcdeemsx).visited{background:rgb(var(--color-accent)/.4);border-color:rgb(var(--color-accent)/.6)}.controls-right:where(.astro-rcdeemsx){align-items:center;gap:.75rem;display:flex}.play-pause-btn:where(.astro-rcdeemsx){border:1px solid rgb(var(--color-border));background:rgb(var(--color-card));cursor:pointer;width:28px;height:28px;color:rgb(var(--color-text-muted));border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s;display:flex}.play-pause-btn:where(.astro-rcdeemsx):hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent))}.play-pause-btn:where(.astro-rcdeemsx):focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.play-pause-btn:where(.astro-rcdeemsx) svg:where(.astro-rcdeemsx){width:14px;height:14px}.play-pause-btn:where(.astro-rcdeemsx) .icon-pause:where(.astro-rcdeemsx),.play-pause-btn:where(.astro-rcdeemsx).playing .icon-play:where(.astro-rcdeemsx){display:none}.play-pause-btn:where(.astro-rcdeemsx).playing .icon-pause:where(.astro-rcdeemsx){display:block}.step-counter:where(.astro-rcdeemsx){color:rgb(var(--color-text-muted));font-variant-numeric:tabular-nums;font-size:.75rem}.step-current:where(.astro-rcdeemsx){color:rgb(var(--color-accent));font-size:.875rem;font-weight:700}.content-panel:where(.astro-rcdeemsx){max-width:min(76ch,100%);min-height:0;margin:0 auto;padding:0 .25rem;position:relative}.content-panel:where(.astro-rcdeemsx) [data-step]{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:absolute;top:0;left:0;right:0}.content-panel:where(.astro-rcdeemsx) [data-step]:first-of-type{opacity:1;visibility:visible;position:relative}.animated-explainer:where(.astro-rcdeemsx).js-ready .content-panel:where(.astro-rcdeemsx) [data-step]:first-of-type:not(.active){opacity:0;visibility:hidden;position:absolute}.content-panel:where(.astro-rcdeemsx) [data-step].active{opacity:1;visibility:visible;position:relative}.content-panel:where(.astro-rcdeemsx) [data-step] h3{color:rgb(var(--color-accent));margin-bottom:.45rem;font-size:1.05rem;font-weight:600}.content-panel:where(.astro-rcdeemsx) [data-step] p{color:rgb(var(--color-text-base));margin-bottom:.48rem;font-size:.88rem;line-height:1.58}.content-panel:where(.astro-rcdeemsx) [data-step] ul{margin:.42rem 0 0;padding-left:1.05rem}.content-panel:where(.astro-rcdeemsx) [data-step] li{color:rgb(var(--color-text-base));margin-bottom:.24rem;font-size:.84rem;line-height:1.5}.content-panel:where(.astro-rcdeemsx) [data-step] code{background:rgb(var(--color-card-muted));border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.animation-container:where(.astro-rcdeemsx) [data-step]{opacity:0;transition:opacity .4s}.animation-container:where(.astro-rcdeemsx) [data-step].visible{opacity:1}@media (width>=901px){.animated-explainer:where(.astro-rcdeemsx){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:1.4rem;max-width:min(100%,1040px)}.animation-panel:where(.astro-rcdeemsx){top:var(--explainer-top,88px);align-self:start;position:sticky}.content-panel:where(.astro-rcdeemsx){align-self:start;max-width:none;margin:0;padding:.1rem 0 0}}@media (width<=900px){.animated-explainer:where(.astro-rcdeemsx){gap:.75rem;margin:.4rem 0 1rem}.animation-panel:where(.astro-rcdeemsx){margin-bottom:0;padding:.6rem}.animation-container:where(.astro-rcdeemsx) svg{width:100%;max-width:100%;height:auto;max-height:none}.animation-container:where(.astro-rcdeemsx){padding:.2rem 0}.controls-bar:where(.astro-rcdeemsx){margin-top:.4rem;padding-top:.4rem}.content-panel:where(.astro-rcdeemsx){min-height:auto;padding:0}.content-panel:where(.astro-rcdeemsx) [data-step]{padding:0}.content-panel:where(.astro-rcdeemsx) [data-step] h3{margin-bottom:.4rem;font-size:1rem}.content-panel:where(.astro-rcdeemsx) [data-step] p{margin-bottom:.4rem;font-size:.8rem;line-height:1.4}.content-panel:where(.astro-rcdeemsx) [data-step] ul{margin-top:.3rem;margin-bottom:.3rem}.content-panel:where(.astro-rcdeemsx) [data-step] li{margin-bottom:.25rem;font-size:.75rem;line-height:1.3}.step-scrubber:where(.astro-rcdeemsx){gap:.4rem}.step-dot:where(.astro-rcdeemsx){width:8px;height:8px}}@media (width<=480px){.animation-panel:where(.astro-rcdeemsx){padding:.4rem}.content-panel:where(.astro-rcdeemsx) [data-step] h3{font-size:.95rem}.content-panel:where(.astro-rcdeemsx) [data-step] p{font-size:.75rem}.content-panel:where(.astro-rcdeemsx) [data-step] li{font-size:.7rem}}.explainer-primer:where(.astro-fgo4pbsg){border:1px solid rgba(var(--color-border),.82);background:linear-gradient(135deg,rgba(var(--color-accent),.075),rgba(var(--color-card-muted),.42)46%,rgba(var(--color-card),.92));border-radius:8px;margin:0 0 .85rem;padding:.95rem 1rem}.explainer-primer-heading:where(.astro-fgo4pbsg){cursor:pointer;grid-template-columns:1fr auto;align-items:start;gap:0 .75rem;max-width:100%;list-style:none;display:grid}.explainer-primer-heading:where(.astro-fgo4pbsg)::-webkit-details-marker{display:none}.explainer-primer-kicker:where(.astro-fgo4pbsg){color:rgb(var(--color-accent));letter-spacing:0;text-transform:uppercase;grid-column:1;margin:0 0 .28rem;font-size:.68rem;font-weight:760}.explainer-primer-q:where(.astro-fgo4pbsg){color:rgb(var(--color-text-base));letter-spacing:0;grid-column:1;margin:0;font-size:clamp(1.05rem,1rem + .42vw,1.38rem);font-weight:760;line-height:1.16}.explainer-primer-chevron:where(.astro-fgo4pbsg){color:rgb(var(--color-text-muted));flex:none;grid-area:1/2/span 2;align-self:center;transition:transform .18s}.explainer-primer:where(.astro-fgo4pbsg)[open] .explainer-primer-chevron:where(.astro-fgo4pbsg){transform:rotate(180deg)}.explainer-primer-heading:where(.astro-fgo4pbsg):hover .explainer-primer-chevron:where(.astro-fgo4pbsg){color:rgb(var(--color-accent))}.explainer-primer-grid:where(.astro-fgo4pbsg){border-top:1px solid rgba(var(--color-border),.72);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:.88rem 0 0;display:grid}.explainer-primer-grid:where(.astro-fgo4pbsg) div:where(.astro-fgo4pbsg){padding:.76rem .85rem 0 0}.explainer-primer-grid:where(.astro-fgo4pbsg) div:where(.astro-fgo4pbsg)+div:where(.astro-fgo4pbsg){border-left:1px solid rgba(var(--color-border),.72);padding-left:.85rem}.explainer-primer-grid:where(.astro-fgo4pbsg) dt:where(.astro-fgo4pbsg){color:rgb(var(--color-text-muted));letter-spacing:0;text-transform:uppercase;margin-bottom:.28rem;font-size:.68rem;font-weight:760}.explainer-primer-grid:where(.astro-fgo4pbsg) dd:where(.astro-fgo4pbsg){color:rgb(var(--color-text-base));margin:0;font-size:.84rem;font-weight:520;line-height:1.45}@media (width<=720px){.explainer-primer:where(.astro-fgo4pbsg){margin-bottom:.6rem;padding:.65rem .7rem}.explainer-primer-grid:where(.astro-fgo4pbsg){grid-template-columns:1fr;margin-top:.6rem}.explainer-primer-grid:where(.astro-fgo4pbsg) div:where(.astro-fgo4pbsg){padding:.55rem 0 0}.explainer-primer-grid:where(.astro-fgo4pbsg) div:where(.astro-fgo4pbsg)+div:where(.astro-fgo4pbsg){border-left:0;border-top:1px solid rgba(var(--color-border),.72);margin-top:.55rem;padding-top:.55rem;padding-left:0}.explainer-primer-grid:where(.astro-fgo4pbsg) dd:where(.astro-fgo4pbsg){font-size:.8rem;line-height:1.4}}