.learn-page:where(.astro-jl7hlwjb){width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding:1.5rem 1rem}@media (width>=640px){.learn-page:where(.astro-jl7hlwjb){padding-left:1.5rem;padding-right:1.5rem}}.learn-container:where(.astro-jl7hlwjb){max-width:64rem;margin-left:auto;margin-right:auto}.learn-header:where(.astro-jl7hlwjb){margin-bottom:1.5rem}.header-top:where(.astro-jl7hlwjb){margin-bottom:.5rem}.learn-badge:where(.astro-jl7hlwjb){background-color:rgba(var(--color-accent),.1);--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1));border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge-icon:where(.astro-jl7hlwjb){width:.75rem;height:.75rem}.learn-title:where(.astro-jl7hlwjb){--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:2rem}@media (width>=640px){.learn-title:where(.astro-jl7hlwjb){font-size:1.875rem;line-height:2.25rem}}.learn-description:where(.astro-jl7hlwjb){max-width:42rem;color:rgba(var(--color-text-base),.7);font-size:.875rem;line-height:1.25rem}.cross-links:where(.astro-jl7hlwjb){border-top-width:1px;border-color:rgba(var(--color-border),.2);flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:.75rem;display:flex}.link-group:where(.astro-jl7hlwjb){align-items:center;gap:.375rem;font-size:.75rem;line-height:1rem;display:flex}.link-label:where(.astro-jl7hlwjb){color:rgba(var(--color-text-base),.5);font-weight:500}.link-chip:where(.astro-jl7hlwjb){border-width:1px;border-radius:9999px;padding:.125rem .5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.concept-chip:where(.astro-jl7hlwjb){border-color:rgba(var(--color-border),.3);background-color:rgba(var(--color-card),.5);color:rgba(var(--color-text-base),.8)}.concept-chip:where(.astro-jl7hlwjb):hover{border-color:rgba(var(--color-accent),.4);--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1))}.deepdive-chip:where(.astro-jl7hlwjb){border-color:rgba(var(--color-accent),.2);background-color:rgba(var(--color-accent),.05);--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1))}.deepdive-chip:where(.astro-jl7hlwjb):hover{border-color:rgba(var(--color-accent),.4);background-color:rgba(var(--color-accent),.1)}.learn-content:where(.astro-jl7hlwjb){margin-bottom:2rem}.learn-footer:where(.astro-jl7hlwjb){border-top-width:1px;border-color:rgba(var(--color-border),.2);padding-top:1.5rem}.back-link:where(.astro-jl7hlwjb){color:rgba(var(--color-text-base),.6);align-items:center;gap:.375rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.back-link:where(.astro-jl7hlwjb):hover{--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1))}.back-icon:where(.astro-jl7hlwjb){width:1rem;height:1rem}@media (width<=640px){.learn-page:where(.astro-jl7hlwjb){padding:.5rem .75rem}.learn-header:where(.astro-jl7hlwjb){margin-bottom:.75rem}.header-top:where(.astro-jl7hlwjb){margin-bottom:.25rem}.learn-badge:where(.astro-jl7hlwjb){padding:.125rem .5rem;font-size:10px}.badge-icon:where(.astro-jl7hlwjb){width:.625rem;height:.625rem}.learn-title:where(.astro-jl7hlwjb){margin-bottom:.125rem;font-size:1.125rem;line-height:1.75rem}.learn-description:where(.astro-jl7hlwjb){font-size:.75rem;line-height:1.25}.cross-links:where(.astro-jl7hlwjb){gap:.375rem;margin-top:.5rem;padding-top:.5rem}.link-group:where(.astro-jl7hlwjb){gap:.25rem;font-size:10px}.link-chip:where(.astro-jl7hlwjb){padding:.125rem .375rem}.learn-content:where(.astro-jl7hlwjb){margin-bottom:1rem}.learn-footer:where(.astro-jl7hlwjb){padding-top:1rem}.back-link:where(.astro-jl7hlwjb){font-size:.75rem;line-height:1rem}.next-section{margin-top:1rem;padding:1rem}.next-section h2{margin-bottom:.25rem;font-size:1rem;line-height:1.5rem}.next-section p{font-size:.75rem;line-height:1.625}}.animated-explainer:where(.astro-rcdeemsx){grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin:2rem 0 4rem;display:grid}.animation-panel:where(.astro-rcdeemsx){background:rgb(var(--color-card));border:1px solid rgb(var(--color-border));border-radius:12px;flex-direction:column;align-self:start;padding:1rem;display:flex;position:sticky;box-shadow:0 4px 20px #00000014}.animation-container:where(.astro-rcdeemsx){flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.animation-container:where(.astro-rcdeemsx) svg{width:100%;height:100%;max-height:100%}.controls-bar:where(.astro-rcdeemsx){border-top:1px solid rgb(var(--color-border));justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;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;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.step-dot:where(.astro-rcdeemsx):hover{border-color:rgb(var(--color-accent));transform:scale(1.2)}.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:all .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) 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){min-height:300px;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:.75rem;font-size:1.25rem;font-weight:600}.content-panel:where(.astro-rcdeemsx) [data-step] p{color:rgb(var(--color-text-base));margin-bottom:.75rem;font-size:.9rem;line-height:1.7}.content-panel:where(.astro-rcdeemsx) [data-step] ul{margin:.75rem 0;padding-left:1.25rem}.content-panel:where(.astro-rcdeemsx) [data-step] li{color:rgb(var(--color-text-base));margin-bottom:.5rem;font-size:.875rem;line-height:1.6}.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){grid-template-columns:1fr;gap:.75rem;margin:.5rem 0 1rem}.animation-panel:where(.astro-rcdeemsx){margin-bottom:0;padding:.5rem;position:relative;height:320px!important;top:0!important}.controls-bar:where(.astro-rcdeemsx){margin-top:.4rem;padding-top:.4rem}.content-panel:where(.astro-rcdeemsx){min-height:auto}.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;height:280px!important}.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}}