.learn-figure{margin:14px 0 0}.learn-figure__image{display:block;width:100%;border:1px solid var(--color-line);border-radius:var(--radius-lg)}.learn-figure__placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-line);border-radius:var(--radius-lg);background:var(--color-canvas);color:var(--color-ink-muted)}.learn-figure__placeholder--full{aspect-ratio:16 / 10}.learn-figure__placeholder--step{aspect-ratio:16 / 6;max-height:220px}.learn-figure__caption{margin-top:6px;font-size:.8125rem;line-height:1.45;color:var(--color-ink-muted)}.learn-steps{margin:16px 0 0;padding:0;list-style:none}.learn-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.learn-step+.learn-step{margin-top:20px}.learn-step__number{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:999px;background:var(--color-brand-50);color:var(--color-brand-700);font-size:.8125rem;font-weight:700}.learn-step__body{min-width:0}.learn-step__title{margin:2px 0 4px;font-size:1rem;font-weight:700;color:var(--color-ink)}.learn-step__text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-ink-2)}.learn-page{display:grid;gap:24px;max-width:64rem;margin:0 auto;padding:8px 16px 32px}.learn-nav__toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:.875rem;font-weight:600;text-align:left;cursor:pointer}.learn-nav__toggle:hover{border-color:var(--color-brand-300)}.learn-nav__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.learn-nav__chevron{flex-shrink:0;color:var(--color-ink-muted);transition:transform .15s ease}.learn-nav__toggle.is-open .learn-nav__chevron{transform:rotate(180deg)}.learn-nav__panel{display:none;margin-top:8px;padding:4px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.learn-nav__panel.is-open{display:block}@media(min-width:900px){.learn-page{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:40px;padding:8px 32px 48px}.learn-nav{position:sticky;top:calc(var(--header-height, 64px) + 16px);max-height:calc(100dvh - var(--header-height, 64px) - 32px);overflow-y:auto}.learn-nav__toggle{display:none}.learn-nav__panel{display:block;margin-top:0;padding:0;border:none;background:none}}.learn-nav__group+.learn-nav__group{margin-top:16px}.learn-nav__group-title{margin:0 0 6px;padding:0 10px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted)}.learn-nav__list{margin:0;padding:0;list-style:none}.learn-nav__link{display:block;padding:7px 10px;border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:.875rem;line-height:1.35;text-decoration:none;transition:background-color .15s ease,color .15s ease}.learn-nav__link:hover{background:var(--color-canvas);color:var(--color-ink)}.learn-nav__link.is-active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:600}.learn-nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.learn-content{min-width:0}.learn-intro__title{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--color-ink)}.learn-intro__text{margin:0 0 20px;font-size:.9375rem;line-height:1.5;color:var(--color-ink-2)}.learn-intro__replay{display:inline-block;padding:7px 14px;border:1px solid var(--color-brand-200);border-radius:var(--radius-sm);background:var(--color-brand-50);color:var(--color-brand-700);font-size:.8125rem;font-weight:600;text-decoration:none}.learn-intro__replay:hover{background:var(--color-brand-100)}.learn-article{max-width:46rem;padding:18px 20px;border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface)}.learn-article__title{margin:0 0 10px;font-size:1.25rem;font-weight:700;color:var(--color-ink)}.learn-article__text{margin:0 0 8px;font-size:.9375rem;line-height:1.6;color:var(--color-ink-2)}.learn-article__text:last-child{margin-bottom:0}.learn-article__note{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--color-line);font-size:.875rem;line-height:1.55;color:var(--color-ink-muted)}