.pure-root .pure-how-benchmark,.v8-frontier .pure-how-benchmark{margin:24px 0 12px}.pure-root .pure-how-benchmark .pure-table-wrap,.v8-frontier .pure-how-benchmark .pure-table-wrap{max-width:100%;overflow-x:auto}.pure-root .pure-how-diagram,.v8-frontier .pure-how-diagram{margin:28px 0 32px;padding:28px 20px;background:var(--bg-deep);border:1px solid var(--hair);border-radius:var(--r-md)}.pure-root .pure-how-diagram-caption,.v8-frontier .pure-how-diagram-caption{text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:18px}.pure-root .pure-how-row,.v8-frontier .pure-how-row{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap}.pure-root .pure-how-arrow,.v8-frontier .pure-how-arrow{display:inline-flex;align-items:center;color:var(--hair-strong);font-size:20px;font-weight:300;font-family:var(--font-sans);flex-shrink:0}.pure-root .pure-how-node,.v8-frontier .pure-how-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-sm);text-align:center}.pure-root .pure-how-node-eyebrow,.v8-frontier .pure-how-node-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pure-root .pure-how-node-label,.v8-frontier .pure-how-node-label{font-size:13px;color:var(--ink);font-weight:500}.pure-root .pure-how-node-sub,.v8-frontier .pure-how-node-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.pure-root .pure-how-node.is-output,.v8-frontier .pure-how-node.is-output{border-color:var(--hair-strong);background:var(--bg-deep)}.pure-root .pure-how-container,.v8-frontier .pure-how-container{border:1px solid var(--hair-strong);border-radius:var(--r-md);padding:18px 20px;background:var(--bg);max-width:480px;margin:0 auto}.pure-root .pure-how-container-title,.v8-frontier .pure-how-container-title{font-family:var(--font-mono);font-size:12px;color:var(--ink);margin-bottom:14px;letter-spacing:.02em}.pure-root .pure-how-container-list,.v8-frontier .pure-how-container-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pure-root .pure-how-container-list li,.v8-frontier .pure-how-container-list li{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--body)}.pure-root .pure-how-container-list li:before,.v8-frontier .pure-how-container-list li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--faint);transform:translateY(-2px)}.pure-root .pure-how-container-list li code,.v8-frontier .pure-how-container-list li code{font-family:var(--font-mono);font-size:12px;color:var(--ink);background:transparent;border:0;padding:0}.pure-root .pure-how-bundle,.v8-frontier .pure-how-bundle{display:grid;grid-template-columns:1fr auto 1.5fr;align-items:center;gap:16px}.pure-root .pure-how-bundle-stack,.v8-frontier .pure-how-bundle-stack{display:flex;flex-direction:column;gap:6px}.pure-root .pure-how-timeline,.v8-frontier .pure-how-timeline{display:flex;flex-direction:column;gap:0}.pure-root .pure-how-timeline-step,.v8-frontier .pure-how-timeline-step{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:10px 0}.pure-root .pure-how-timeline-num,.v8-frontier .pure-how-timeline-num{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.1em;padding-top:1px}.pure-root .pure-how-timeline-body,.v8-frontier .pure-how-timeline-body{font-size:13px;color:var(--body);line-height:1.6}.pure-root .pure-how-timeline-body strong,.v8-frontier .pure-how-timeline-body strong{color:var(--ink);font-weight:500}.pure-root .pure-how-timeline-body code,.v8-frontier .pure-how-timeline-body code{font-family:var(--font-mono);font-size:12px;color:var(--ink);background:var(--bg-deep);border:1px solid var(--hair);padding:1px 5px;border-radius:var(--r-sm)}@media (max-width:600px){.pure-root .pure-how-row,.v8-frontier .pure-how-row{flex-direction:column}.pure-root .pure-how-arrow,.v8-frontier .pure-how-arrow{transform:rotate(90deg)}.pure-root .pure-how-bundle,.v8-frontier .pure-how-bundle{grid-template-columns:1fr}.pure-root .pure-how-bundle>.pure-how-arrow,.v8-frontier .pure-how-bundle>.pure-how-arrow{transform:rotate(90deg);justify-self:center}}