.blog-explainer{--be-ink:var(--color-dark);--be-paper:var(--color-paper);--be-line:var(--color-selected);border:1px solid var(--be-line);border-radius:var(--radius-control);background:var(--be-paper);color:var(--be-ink);min-width:0;margin:38px 0;padding:25px}.blog-explainer .be-heading{flex-direction:column;gap:8px;margin:0 0 24px;display:flex}.blog-explainer .be-eyebrow{font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.13em;color:var(--color-muted)}.blog-explainer .be-heading>strong{font-size:var(--type-lead);letter-spacing:-.035em;font-weight:550;line-height:1.2}.blog-explainer .be-lanes{gap:18px;display:grid}.blog-explainer .be-lane{border:1px solid var(--be-line);border-radius:var(--radius-control);background:var(--color-wash);min-width:0;padding:16px}.blog-explainer .be-lane-title{font-size:var(--type-small);letter-spacing:.01em;color:var(--be-ink);margin:0 0 17px;font-weight:650;line-height:1.6}.blog-explainer .be-nodes{grid-template-columns:repeat(var(--be-node-count),minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-explainer .be-node{background:var(--color-paper);border:1px solid var(--color-line-dark);border-radius:7px;flex-direction:column;gap:9px;min-width:0;margin:0;padding:14px 12px;display:flex;position:relative}.blog-explainer .be-node-number{border:1px solid var(--color-line-dark);width:25px;height:25px;font-size:var(--type-meta);font-variant-numeric:tabular-nums;color:var(--color-muted);border-radius:50%;place-items:center;display:grid}.blog-explainer .be-node strong{font-size:var(--type-small);overflow-wrap:anywhere;font-weight:600;line-height:1.6}.blog-explainer .be-node-detail{font-size:var(--type-small);color:var(--color-muted);overflow-wrap:anywhere;line-height:1.6}.blog-explainer .be-arrow{width:25px;height:20px;color:var(--color-action);position:absolute;top:48%;right:-26px;overflow:visible}.blog-explainer .be-caption{border-top:1px solid var(--be-line);font-size:var(--type-small);color:var(--color-muted);margin:20px 0 0;padding-top:17px;line-height:1.6}.blog-explainer.be-comparison .be-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-explainer.be-comparison .be-nodes{flex-direction:column;gap:12px;display:flex}.blog-explainer.be-comparison .be-node{border-left:3px solid var(--color-control-line)}.blog-explainer.be-comparison .be-node-number{display:none}.blog-explainer .be-node.be-restricted,.blog-explainer .be-node.be-caution{border-color:var(--color-warning);background:var(--color-paper)}.blog-explainer .be-boundary-label{font-size:var(--type-small);color:var(--color-warning);font-weight:600}.blog-explainer .be-controls{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.blog-explainer .be-controls[hidden],.blog-explainer [data-be-status][hidden]{display:none}.blog-explainer .be-controls button{appearance:none;border:1px solid var(--color-control-line);border-radius:var(--radius-control);background:var(--color-paper);color:var(--be-ink);min-height:44px;font:inherit;font-size:var(--type-control);text-align:left;cursor:pointer;padding:10px 13px}.blog-explainer .be-controls button[aria-pressed=true]{background:var(--color-action);color:var(--color-on-dark);border-color:var(--color-dark)}.blog-explainer .be-controls button:focus-visible{outline:3px solid var(--color-line-dark);outline-offset:3px}.blog-explainer [data-be-lane][data-active=true]{border-color:var(--color-line-dark)}.blog-explainer [data-be-node][data-active=true]{background:var(--color-wash);border-color:var(--color-line-dark);box-shadow:inset 0 0 0 1px var(--color-ink)}.blog-explainer [data-be-node][data-active=true] .be-node-number{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.blog-explainer .be-selected-stage{border-left:3px solid var(--color-line-dark);background:var(--color-wash);font-size:var(--type-control);margin:18px 0;padding:14px 16px;line-height:1.5}.blog-explainer .be-stage-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0 0;padding:0;list-style:none;display:grid}.blog-explainer .be-stage-notes li{flex-direction:column;gap:5px;margin:0;display:flex}.blog-explainer .be-stage-notes strong{font-size:var(--type-small);line-height:1.6}.blog-explainer .be-stage-notes span{font-size:var(--type-small);color:var(--color-muted);line-height:1.6}@media (prefers-reduced-motion:no-preference){.blog-explainer [data-be-pulse=true] .be-arrow path{animation:.65s ease-out be-route-pulse}@keyframes be-route-pulse{0%{stroke-width:1.5px;opacity:.5}40%{stroke-width:3.5px;opacity:1}to{stroke-width:1.5px;opacity:1}}.blog-explainer [data-be-node],.blog-explainer [data-be-lane],.blog-explainer .be-controls button{transition:background-color .16s,border-color .16s,box-shadow .16s}}@media (width<=650px){.blog-explainer{margin-block:28px;padding:18px 14px}.blog-explainer .be-lane{padding:13px}.blog-explainer .be-nodes,.blog-explainer.be-comparison .be-lanes,.blog-explainer .be-stage-notes{grid-template-columns:minmax(0,1fr)}.blog-explainer .be-nodes{gap:26px}.blog-explainer .be-arrow{top:auto;bottom:-24px;right:calc(50% - 12px);transform:rotate(90deg)}.blog-explainer .be-node{padding:14px}.blog-explainer .be-node-detail{font-size:var(--type-small)}.blog-explainer .be-controls button{flex:45%}}