.learn-app:where(.astro-jl7hlwjb){background:rgba(var(--color-card-muted),.16)}.learn-content:where(.astro-jl7hlwjb){max-width:min(100%,1040px);margin-inline:auto;padding:.72rem}.reader-rail-link-list:where(.astro-jl7hlwjb){gap:.36rem;margin-top:.58rem;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:.1rem 0 .1rem .62rem;font-size:.74rem;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))}.learn-content:where(.astro-jl7hlwjb) .explainer-container,.learn-content:where(.astro-jl7hlwjb) .animation-container{max-width:none}.compact:where(.astro-jl7hlwjb){grid-template-columns:1fr}.full:where(.astro-jl7hlwjb){width:100%}@media (width<=640px){.learn-content:where(.astro-jl7hlwjb){padding:.5rem}}.animated-explainer:where(.astro-rcdeemsx){grid-template-columns:1fr;align-items:start;gap:.85rem;max-width:min(100%,1040px);margin:.55rem auto 1.35rem;display:grid}.animation-panel:where(.astro-rcdeemsx){background:rgb(var(--color-card));border:1px solid rgb(var(--color-border));box-shadow:none;border-radius:8px;flex-direction:column;min-width:0;padding:.85rem 1rem .75rem;display:flex;position:relative}.animation-container:where(.astro-rcdeemsx){flex:none;justify-content:center;align-items:flex-start;min-width:0;display:flex;overflow:visible}.animation-container:where(.astro-rcdeemsx) svg{width:auto;height:min(var(--explainer-height,340px),52vh);max-width:100%;max-height:none;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].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<=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%;height:auto}.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}}.whats-next-section:where(.astro-il7tnbpu){--tw-border-opacity:1;border-width:1px;border-color:rgba(var(--color-border),var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--color-card),var(--tw-bg-opacity,1));border-radius:.5rem;margin-top:1.25rem;padding:1rem}.whats-next-section:where(.astro-il7tnbpu) h2:where(.astro-il7tnbpu){--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1));margin-bottom:.375rem;font-size:1rem;font-weight:600;line-height:1.5rem}.whats-next-section:where(.astro-il7tnbpu) p{color:rgba(var(--color-text-base),.7);font-size:.875rem;line-height:1.625}.whats-next-section:where(.astro-il7tnbpu) p+p{margin-top:.5rem}.whats-next-section:where(.astro-il7tnbpu) a{--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1));text-decoration-line:underline}.whats-next-section:where(.astro-il7tnbpu) a:hover{text-decoration-line:none}.whats-next-section:where(.astro-il7tnbpu) ul{margin-top:.5rem;margin-left:1rem;list-style-type:disc}.whats-next-section:where(.astro-il7tnbpu) li{color:rgba(var(--color-text-base),.7);margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem}.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){max-width:78ch}.explainer-primer-heading:where(.astro-fgo4pbsg) p:where(.astro-fgo4pbsg){color:rgb(var(--color-accent));letter-spacing:0;text-transform:uppercase;margin:0 0 .28rem;font-size:.68rem;font-weight:760}.explainer-primer-heading:where(.astro-fgo4pbsg) h2:where(.astro-fgo4pbsg){color:rgb(var(--color-text-base));letter-spacing:0;margin:0;font-size:clamp(1.05rem,1rem + .42vw,1.38rem);font-weight:760;line-height:1.16}.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){padding:.78rem}.explainer-primer-grid:where(.astro-fgo4pbsg){grid-template-columns:1fr}.explainer-primer-grid:where(.astro-fgo4pbsg) div:where(.astro-fgo4pbsg){padding-right: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:.72rem;padding-top:.72rem;padding-left:0}}