.essay-figure{clear:left;margin:40px 0 44px;padding:0}.essay-figure-canvas{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);color:var(--ink);padding:28px 0 24px}.essay-figure-canvas svg{fill:none;stroke:currentColor;stroke-width:1px;shape-rendering:geometricprecision;width:100%;height:auto;max-height:520px;display:block}.essay-figure-canvas svg text{fill:currentColor;stroke:none;font-family:var(--font-sans);letter-spacing:.02em;font-size:11px}.essay-figure-canvas svg .mono{font-family:var(--font-mono)}.essay-figure-canvas svg .dim{stroke:var(--ink-dim)}.essay-figure-canvas svg text.dim{fill:var(--ink-dim);stroke:none}.essay-figure figcaption{font-family:var(--font-sans);color:var(--ink-dim);max-width:var(--measure);margin-top:12px;font-size:.82rem;line-height:1.5}.essay-figure .figure-num{color:var(--signal);letter-spacing:.02em;font-weight:500}@media (width>=1100px){.essay-figure{--fig-shift:0px;margin-left:var(--fig-shift)}.essay-figure figcaption{margin-left:calc(-1 * var(--fig-shift))}.figure-outset{width:calc(100% + var(--rail) + var(--rail-gap))}.figure-page{--fig-shift:calc(50% + (var(--rail) + var(--rail-gap)) / 2 - (min(var(--page), 100vw) - 64px) / 2);width:calc(min(var(--page), 100vw) - 64px)}.figure-screen{--fig-shift:calc(50% + (var(--rail) + var(--rail-gap)) / 2 - 50vw);width:100vw}.figure-screen .essay-figure-canvas{padding-left:32px;padding-right:32px}}@media (width<=640px){.essay-figure-canvas{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.essay-figure-canvas svg{min-width:600px}.essay-figure figcaption:after{content:" Scroll sideways to read the full diagram."}}@media print{.essay-figure-canvas svg{max-height:none}}