.figure{--figure-rule:var(--rule);--figure-chrome:var(--surface-sunken);--figure-paper:var(--surface-raised);--figure-ink:var(--ink);--figure-ink-soft:var(--ink-soft);--figure-accent:var(--accent);--figure-orange:var(--marker);--figure-north:var(--axis-x);--figure-south:var(--axis-z);border:1px solid var(--figure-rule);border-radius:10px;overflow:hidden;background:var(--figure-chrome);color:var(--figure-ink);font-size:.9rem;margin:2rem 0}.figure__svg{display:block;width:100%;height:auto;background:var(--figure-paper);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.figure__controls{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center;padding:.6rem .7rem;border-top:1px solid var(--figure-rule)}.figure__slider{display:flex;align-items:center;gap:.5rem;flex:1 1 16rem}.figure__slider input{flex:1 1 auto;accent-color:var(--figure-accent)}.figure__slider-value{min-width:5.5rem;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--figure-ink-soft)}.figure__button{font:inherit;font-size:.82rem;padding:.3rem .7rem;border:1px solid var(--figure-rule);border-radius:6px;background:transparent;color:var(--figure-ink);cursor:pointer}.figure__button:hover:not([aria-pressed=true]){border-color:var(--figure-accent);color:var(--figure-accent)}.figure__button[aria-pressed=true]{background:var(--figure-accent);border-color:var(--figure-accent);color:var(--accent-ink)}.figure__readout{padding:.35rem .7rem .6rem;color:var(--figure-ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.figure__readout strong{color:var(--figure-ink);font-weight:600}.figure text{font-family:inherit;fill:var(--figure-ink)}.figure .figure__label{font-size:18px;font-weight:600}.figure .figure__small{font-size:16px;fill:var(--figure-ink-soft)}.figure .figure__mono{font-family:var(--font-mono);font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.figure--loop{padding:.9rem;background:var(--figure-paper)}.loop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem}.loop__stage{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .7rem;border:1px solid var(--figure-rule);border-radius:8px;background:var(--figure-chrome);line-height:1.4}.loop__number{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--figure-accent);color:var(--figure-paper);font-weight:700;font-size:.85rem;display:grid;place-items:center}.loop__words{display:flex;flex-direction:column;gap:.15rem}.loop__name{color:var(--figure-ink)}.loop__text{color:var(--figure-ink-soft)}.loop__arrow{display:grid;place-items:center;color:var(--figure-accent);font-size:1.2rem;line-height:1}.loop__arrow:before{content:"↓"}.loop__arrow--again{display:none}.loop__again{padding:.6rem .7rem;border:1px dashed var(--figure-rule);border-radius:8px;color:var(--figure-ink-soft);line-height:1.4}@media (min-width:720px){.loop{display:grid;grid-template-columns:1fr 1.6rem 1fr 1.6rem 1fr;grid-template-rows:auto 1.6rem auto;grid-gap:.25rem;gap:.25rem}.loop__stage--1{grid-area:1/1}.loop__arrow--1{grid-area:1/2}.loop__stage--2{grid-area:1/3}.loop__arrow--2{grid-area:1/4}.loop__stage--3{grid-area:1/5}.loop__arrow--3{grid-area:2/5}.loop__stage--4{grid-area:3/5}.loop__arrow--4{grid-area:3/4}.loop__stage--5{grid-area:3/3}.loop__arrow--5{grid-area:3/2}.loop__again{grid-area:3/1}.loop__arrow--again{grid-area:2/1;display:grid}.loop__arrow--1:before,.loop__arrow--2:before{content:"→"}.loop__arrow--3:before{content:"↓"}.loop__arrow--4:before,.loop__arrow--5:before{content:"←"}.loop__arrow--again:before{content:"↑"}}.figure--chain{padding:.9rem;background:var(--figure-paper)}.chain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem}.chain__step{display:grid;grid-template-columns:1.5rem 1fr;grid-column-gap:.6rem;column-gap:.6rem;grid-row-gap:.15rem;row-gap:.15rem;align-items:center;padding:.6rem .7rem;border:1px solid var(--figure-rule);border-radius:8px;background:var(--figure-chrome);line-height:1.4}.chain__number{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--figure-accent);color:var(--figure-paper);font-weight:700;font-size:.85rem;display:grid;place-items:center}.chain__name{color:var(--figure-ink)}.chain__text{grid-column:2;color:var(--figure-ink-soft)}.chain__arrow{display:grid;place-items:center;color:var(--figure-accent);font-size:1.2rem;line-height:1}.chain__arrow:before{content:"↓"}.chain__before{margin:.5rem 0 0;padding:.6rem .7rem;border:1px dashed var(--figure-rule);border-radius:8px;color:var(--figure-ink-soft);line-height:1.4}@media (min-width:720px){.chain{display:grid;grid-template-columns:1fr 1.1rem 1fr 1.1rem 1fr 1.1rem 1fr 1.1rem 1fr;grid-gap:.15rem;gap:.15rem}.chain__step{grid-template-columns:1fr;align-content:start;align-items:start;padding:.6rem .55rem;font-size:.92rem}.chain__text{grid-column:1}.chain__arrow:before{content:"→"}}.figure--ring{padding:.9rem;background:var(--figure-paper)}.ring{list-style:none;margin:0;padding:0;align-items:stretch;gap:.2rem}.ring,.ring__around,.ring__stage{display:flex;flex-direction:column}.ring__around,.ring__stage{gap:.3rem;padding:.6rem .7rem;border:1px solid var(--figure-rule);border-radius:8px;background:var(--figure-chrome);line-height:1.4}.ring__around{border-style:dashed}.ring__name{color:var(--figure-ink);font-size:1.05rem}.ring__text{color:var(--figure-ink-soft)}.ring__parts{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.ring__part{font-size:.78rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--figure-accent);color:var(--figure-accent);white-space:nowrap}.ring__arrow{display:grid;place-items:center;color:var(--figure-accent);font-size:1.2rem;line-height:1}.ring__arrow:before{content:"↓"}@media (min-width:720px){.ring{display:grid;grid-template-columns:1fr 1.6rem 1fr 1.6rem 1fr;grid-template-rows:auto 1.6rem auto;grid-gap:.25rem;gap:.25rem}.ring__stage--1{grid-area:1/1}.ring__arrow--1{grid-area:1/2}.ring__stage--2{grid-area:1/3}.ring__arrow--2{grid-area:1/4}.ring__stage--3{grid-area:1/5}.ring__arrow--3{grid-area:2/5}.ring__around{grid-area:3/1/4/6}.ring__arrow--1:before,.ring__arrow--2:before{content:"→"}.ring__arrow--3:before{content:"↓"}.ring__around{position:relative;flex-direction:row;align-items:center;gap:.6rem 1rem;padding-left:2.3rem}.ring__around:before{content:"↑";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--figure-accent);font-size:1.2rem;line-height:1}.ring__around .ring__text{flex:1 1 24rem}.ring__around .ring__parts{flex:0 1 auto;margin-top:0;justify-content:flex-end}}.try{display:flex;gap:.7rem;align-items:baseline;margin:1.5rem 0;padding:.8rem 1rem;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;background:var(--surface-sunken)}.try__label{flex:none;font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.try__body>:first-child{margin-top:0}.try__body>:last-child{margin-bottom:0}