.learning-lab[data-astro-cid-qjwowxsz]{display:block;margin:1rem 0 2rem;border:1px solid var(--rule);border-radius:16px;background:var(--surface);font-size:1.125rem;line-height:1.65;min-width:0;overflow:clip}.lab-heading[data-astro-cid-qjwowxsz]{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem 0;color:var(--muted);font-size:1rem}.lab-kicker[data-astro-cid-qjwowxsz]{font-weight:700}.learning-lab[data-astro-cid-qjwowxsz] .lab-title[data-astro-cid-qjwowxsz]{font-size:1.35rem;line-height:1.5;margin:.3rem 1.25rem .5rem}.lab-scope[data-astro-cid-qjwowxsz]{font-size:1rem;color:var(--muted);margin:.5rem 1.25rem 1rem}.lab-model[data-astro-cid-qjwowxsz]{position:relative;height:16.25rem;background:#eef3ef;border-block:1px solid var(--rule);touch-action:pan-y;pointer-events:none}.lab-webgl[data-astro-cid-qjwowxsz],.lab-flat[data-astro-cid-qjwowxsz]{position:absolute;inset:0;width:100%;height:100%}.lab-webgl[data-astro-cid-qjwowxsz] canvas{display:block;width:100%;height:100%}.lab-webgl[data-astro-cid-qjwowxsz][data-mode="3d"]+.lab-flat[data-astro-cid-qjwowxsz]{visibility:hidden}.model-labels[data-astro-cid-qjwowxsz] span{position:absolute;transform:translate(-50%);font-size:1rem;line-height:1.3;font-weight:700;text-align:center;max-width:none;padding:.15rem .3rem;border-radius:4px;background:#f9fcf4e8;color:#173b3b;white-space:nowrap}.model-caption[data-astro-cid-qjwowxsz]{display:none;margin:0;padding:.65rem 1rem;background:#eef3ef;font-size:1rem;color:var(--ink);border-bottom:1px solid var(--rule)}.lab-values[data-astro-cid-qjwowxsz]{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border-bottom:1px solid var(--rule)}.lab-value[data-astro-cid-qjwowxsz]{flex:1 1 6rem;min-width:0;background:#fff;padding:.75rem 1rem}.lab-value[data-astro-cid-qjwowxsz]>span[data-astro-cid-qjwowxsz]{display:block;font-size:1rem;color:var(--muted);margin-bottom:.25rem}.lab-value[data-astro-cid-qjwowxsz] strong[data-astro-cid-qjwowxsz]{display:block;font-size:1.125rem;line-height:1.6;white-space:pre-line;font-weight:650}.lab-value[data-astro-cid-qjwowxsz].is-changed{background:var(--accent-soft)}.lab-feedback[data-astro-cid-qjwowxsz]{padding:.8rem 1.25rem}.lab-feedback[data-astro-cid-qjwowxsz]>strong[data-astro-cid-qjwowxsz]{display:none}.lab-feedback[data-astro-cid-qjwowxsz] p[data-astro-cid-qjwowxsz]{margin:0;font-size:1.125rem;line-height:1.7}.lab-controls[data-astro-cid-qjwowxsz]{padding:0 1.25rem 1rem;display:grid;gap:.6rem}.lab-controls[data-astro-cid-qjwowxsz]>div[data-astro-cid-qjwowxsz]{display:flex;gap:.6rem}.lab-controls[data-astro-cid-qjwowxsz] button[data-astro-cid-qjwowxsz]{min-height:48px;padding:.6rem .9rem;font-size:1.125rem;line-height:1.5;border:1px solid var(--rule);border-radius:8px;white-space:normal;overflow-wrap:anywhere}.lab-controls[data-astro-cid-qjwowxsz] [data-astro-cid-qjwowxsz][data-next]{background:var(--ink);color:#fff;font-weight:700}.lab-controls[data-astro-cid-qjwowxsz]>div[data-astro-cid-qjwowxsz] button[data-astro-cid-qjwowxsz]{flex:1}.lab-controls[data-astro-cid-qjwowxsz] button[data-astro-cid-qjwowxsz]:disabled{opacity:.5;cursor:default}.lab-render-status[data-astro-cid-qjwowxsz]{display:none;font-size:1rem;color:var(--muted);margin:0;padding:0 1.25rem .8rem}.lab-transcript[data-astro-cid-qjwowxsz]{padding:.8rem 1.25rem;border-top:1px solid var(--rule);font-size:1.125rem}.lab-transcript[data-astro-cid-qjwowxsz] summary[data-astro-cid-qjwowxsz]{cursor:pointer;min-height:44px}.lab-transcript[data-astro-cid-qjwowxsz] li[data-astro-cid-qjwowxsz]{margin-block:1rem}.lab-transcript[data-astro-cid-qjwowxsz] h4[data-astro-cid-qjwowxsz]{margin:0}.lab-transcript[data-astro-cid-qjwowxsz] ul[data-astro-cid-qjwowxsz]{white-space:pre-line}@media(max-width:600px){.lab-model[data-astro-cid-qjwowxsz]{height:13.125rem}.lab-heading[data-astro-cid-qjwowxsz]{padding:.8rem 1rem 0}.learning-lab[data-astro-cid-qjwowxsz] .lab-title[data-astro-cid-qjwowxsz]{margin-inline:1rem;font-size:1.25rem}.lab-scope[data-astro-cid-qjwowxsz]{margin-inline:1rem}.lab-value[data-astro-cid-qjwowxsz]{padding:.6rem .65rem}.lab-feedback[data-astro-cid-qjwowxsz]{padding:.75rem 1rem}.lab-controls[data-astro-cid-qjwowxsz]{padding:0 1rem 1rem}.lab-render-status[data-astro-cid-qjwowxsz],.lab-transcript[data-astro-cid-qjwowxsz]{padding-inline:1rem}}@media(max-width:360px){.lab-value[data-astro-cid-qjwowxsz]{padding:.6rem .5rem}.lab-values[data-astro-cid-qjwowxsz]:has(.lab-value:nth-child(3)){display:block}.lab-values[data-astro-cid-qjwowxsz]:has(.lab-value:nth-child(3)) .lab-value[data-astro-cid-qjwowxsz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:.75rem;border-bottom:1px solid var(--rule)}}.xm-steps{list-style:none;counter-reset:xm-step;margin:1.5rem 0;padding:0;display:grid;gap:0}.xm-step{counter-increment:xm-step;position:relative;min-width:0;padding:0 0 1.5rem 3.25rem;margin:0}.xm-step:before{content:counter(xm-step);position:absolute;left:0;top:0;width:2.25rem;height:2.25rem;border-radius:9999px;background:var(--accent-ink);color:#fff;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--accent-soft);transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}.xm-step:after{content:"";position:absolute;left:calc(1.125rem - 1px);top:2.5rem;bottom:.25rem;width:2px;background:var(--rule)}.xm-steps.is-js .xm-step:not(.is-seen):before{background:var(--surface);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px transparent}.xm-steps.is-js .xm-step.is-seen:after{background:linear-gradient(var(--accent),var(--rule))}.xm-step:last-child:after{display:none}.xm-step:last-child{padding-bottom:.25rem}.xm-step-title{margin:0 0 .35rem;padding-top:.3rem;font-size:1.05em;font-weight:700;line-height:1.5}.xm-step-body{min-width:0}.xm-step-body>:first-child{margin-top:0}.xm-step-body>*+*{margin-top:.75em}.xm-step-body p{margin:0}.xm-step-body>p+p{margin-top:.75em}.xm-step-shot{margin:.9rem 0 0;max-width:16rem}.xm-step-shot img{display:block;width:100%;height:auto;max-height:none;border-radius:.8rem;border:1px solid var(--rule)}@media(prefers-reduced-motion:reduce){.xm-step:before{transition:none}}.xm-walk{margin:1.5rem 0;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.xm-walk-stage{display:none}.xm-walk .xm-step-shot{position:relative;max-width:20rem}.xm-walk-steps{margin:0}.xm-walk-device{position:relative;margin:0 auto;background:var(--surface);border:1px solid var(--rule);border-radius:1.6rem;padding:.45rem;box-shadow:0 10px 30px -18px #00000059}.xm-walk-phone .xm-walk-device{width:11.5rem;background:#15171a;border-color:#2a2d31}.xm-walk-phone .xm-walk-screen{aspect-ratio:1206 / 2622;border-radius:1.2rem}.xm-walk-plain .xm-walk-device{width:min(100%,36rem);border-radius:.9rem;padding:.3rem}.xm-walk-plain .xm-walk-screen{aspect-ratio:16 / 10;border-radius:.6rem}.xm-walk-screen{position:relative;overflow:hidden;background:#0c0d0f}.xm-walk-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:.55rem auto 0}.xm-walk-nav[hidden]{display:none}.xm-walk-num{width:2.75rem;height:2.75rem;border-radius:9999px;border:2px solid var(--accent);background:var(--surface);color:var(--accent-ink);font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:background-color .2s ease,color .2s ease}.xm-walk-num[aria-current=true]{background:var(--accent-ink);color:#fff}.xm-walk-num:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xm-walk-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .4s ease,object-position .45s ease}.xm-walk-screen img.is-active{opacity:1}.xm-walk-plain .xm-walk-screen img{object-fit:contain;background:var(--surface)}.xm-walk-hot{position:absolute;left:calc(.45rem + (100% - .9rem) * var(--hx, .5));top:calc(.45rem + (100% - .9rem) * var(--hy, .5));width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border-radius:9999px;border:3px solid var(--accent);box-shadow:0 0 0 4px #ffffffa6;pointer-events:none;animation:xm-walk-pulse 1.6s ease-out infinite}.xm-walk-plain .xm-walk-hot{left:calc(.3rem + (100% - .6rem) * var(--hx, .5));top:calc(.3rem + (100% - .6rem) * var(--hy, .5))}.xm-walk-hot[hidden]{display:none}.xm-walk-hot-inline{left:calc(100% * var(--hx, .5));top:calc(100% * var(--hy, .5))}@keyframes xm-walk-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.35);opacity:.25}}@media(min-width:40rem){.xm-walk{grid-template-columns:minmax(0,1fr) auto;gap:1.75rem}.xm-walk-stage{order:2}.xm-walk.is-js .xm-walk-stage{display:block;position:sticky;top:calc(var(--header-h) + 1rem);z-index:2;align-self:start}.xm-walk.is-js .xm-step-shot{display:none}.xm-walk.is-js .xm-step-title{cursor:pointer}.xm-walk.is-js .xm-step{transition:opacity .3s ease}.xm-walk.is-js .xm-step:not(.is-active){opacity:.72}.xm-walk-phone .xm-walk-device{width:14rem}.xm-walk-plain .xm-walk-device{width:20rem}.xm-walk-steps{order:1}}@media(prefers-reduced-motion:reduce){.xm-walk-screen img,.xm-walk.is-js .xm-step{transition:none}.xm-walk-hot{animation:none}}.xm-note{margin:1.5rem 0;padding:.9rem 1rem 1rem;border-radius:.8rem;border:1px solid var(--note-rule);background:var(--note-bg)}.xm-note-tip{--note-rule: color-mix(in srgb, var(--accent) 35%, white);--note-bg: var(--accent-soft);--note-fg: var(--accent-ink)}.xm-note-caution{--note-rule: #f3c58d;--note-bg: #fff6e8;--note-fg: #b45309}.xm-note-label{margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--note-fg)}.xm-note-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:9999px;background:var(--note-fg);color:#fff;font-size:.75rem;font-weight:700}.xm-note-body{font-size:1.125rem}.xm-note-body p{margin:0}.xm-note-body>*+*{margin-top:.6em}.xm-hero3d{position:relative;display:block;width:100%;overflow:hidden;border-radius:1.25rem;isolation:isolate}.xm-hero3d-full{aspect-ratio:16 / 9;max-height:420px;min-height:220px}.xm-hero3d-compact{aspect-ratio:16 / 9;max-height:300px;min-height:180px}.xm-hero3d-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 10% 0%,color-mix(in srgb,var(--accent) 55%,white) 0%,transparent 60%),radial-gradient(90% 90% at 100% 100%,color-mix(in srgb,var(--accent) 35%,white) 0%,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,white),color-mix(in srgb,var(--accent) 70%,#1f2328))}.xm-hero3d[data-state=fallback] .xm-hero3d-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 0,transparent 100%),repeating-linear-gradient(-18deg,rgba(255,255,255,.12) 0 14px,transparent 14px 56px);mask-image:radial-gradient(70% 70% at 60% 40%,#000 30%,transparent 100%)}.xm-hero3d-canvas{position:absolute;inset:0}.xm-hero3d-canvas canvas{display:block;width:100%;height:100%}.xm-hero3d[data-state=ready] .xm-hero3d-canvas{animation:xm-hero3d-in .6s ease-out both}@keyframes xm-hero3d-in{0%{opacity:0}to{opacity:1}}