._figure_4he7w_3{margin:2rem 0}._figure_4he7w_3 ._caption_4he7w_7{color:var(--op-muted);margin-top:10px;font-size:.82rem;line-height:1.5}._layers_4he7w_16{gap:6px;display:grid}._layer_4he7w_16{border:1px solid var(--op-rule);background:var(--op-surface);gap:8px;padding:12px;display:grid}._layer_4he7w_16[data-tone=accent]{border-color:var(--op-accent);background:var(--op-accent-soft)}._layer_4he7w_16[data-tone=store]{border-color:var(--op-grow);background:var(--op-grow-soft)}@media (min-width:640px){._layer_4he7w_16{grid-template-columns:9rem minmax(0,1fr);align-items:start;gap:16px}}._layerLabel_4he7w_47{font-family:var(--font-mono);color:var(--op-muted);padding-top:4px;font-size:.72rem;line-height:1.5}._layer_4he7w_16[data-tone=accent] ._layerLabel_4he7w_47{color:var(--op-accent)}._layer_4he7w_16[data-tone=store] ._layerLabel_4he7w_47{color:var(--op-grow)}._layerBody_4he7w_63{gap:6px;min-width:0;display:grid}._boxes_4he7w_69{flex-wrap:wrap;gap:6px;display:flex}._box_4he7w_69{color:var(--op-ink);border:1px solid var(--op-rule);background:var(--op-bg);padding:3px 9px;font-size:.82rem;line-height:1.5}._figure_4he7w_3 ._note_4he7w_84{color:var(--op-muted);margin:0;font-size:.8rem;line-height:1.5}._figure_4he7w_3 ._flow_4he7w_93{counter-reset:none;gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){._figure_4he7w_3 ._flow_4he7w_93:not([data-long]){grid-template-columns:repeat(var(--flow-n,3), minmax(0, 1fr));gap:22px}}._figure_4he7w_3 ._step_4he7w_109{border:1px solid var(--op-rule);background:var(--op-surface);align-content:start;gap:6px;margin:0;padding:12px;font-size:.86rem;line-height:1.5;display:grid;position:relative}._step_4he7w_109 strong{font-weight:560}._stepNum_4he7w_126{font-family:var(--font-mono);color:var(--op-accent);font-size:.7rem}._stepBody_4he7w_132{color:var(--op-muted);font-size:.82rem}._step_4he7w_109:not(:last-child):after{content:"";border-right:1.5px solid var(--op-faint);border-bottom:1.5px solid var(--op-faint);width:8px;height:8px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)rotate(45deg)}@media (min-width:760px){._flow_4he7w_93:not([data-long]) ._step_4he7w_109:not(:last-child):after{inset:50% -16px auto auto;transform:translateY(-50%)rotate(-45deg)}}