.blog-funnel{display:flex;flex-direction:column;align-items:stretch;gap:.375rem;margin:1.75rem 0}@media (min-width: 480px){.blog-funnel{align-items:center}}.blog-funnel-step{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.875rem 1.25rem;border-radius:.75rem;color:#fff;width:100%}@media (min-width: 480px){.blog-funnel-w88{width:88%}.blog-funnel-w84{width:84%}.blog-funnel-w75{width:75%}.blog-funnel-w72{width:72%}.blog-funnel-w66{width:66%}.blog-funnel-w64{width:64%}.blog-funnel-w60{width:60%}.blog-funnel-w55{width:55%}.blog-funnel-w52{width:52%}.blog-funnel-w48{width:48%}.blog-funnel-w44{width:44%}.blog-funnel-w36{width:36%}.blog-funnel-w30{width:30%}.blog-funnel-w28{width:28%;min-width:9.5rem}.blog-funnel-w22{width:22%;min-width:8.75rem}}.blog-funnel-step--center{justify-content:center;text-align:center}.blog-funnel-value--solo{font-size:.95rem;font-weight:600;line-height:1.35}.blog-funnel-step--1{background:#18181b}.blog-funnel-step--2{background:#27272a}.blog-funnel-step--3{background:#3f3f46}.blog-funnel-step--4{background:#52525b}.blog-funnel-step--5{background:#16a34a}.blog-funnel-value{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;flex-shrink:0}.blog-funnel-step--1 .blog-funnel-value{font-size:1.5rem}.blog-funnel-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#d4d4d8;text-align:right;line-height:1.3}.blog-funnel-drop{text-align:center;font-size:.7rem;color:#71717a;padding:.125rem 0;line-height:1.4}.blog-flow{display:flex;flex-direction:column;gap:0;margin:1.75rem 0;padding:1rem;background:color-mix(in oklab,var(--muted) 50%,transparent);border:1px solid var(--border);border-radius:1rem}.blog-flow-step{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:.75rem;font-size:.9rem;line-height:1.45}.blog-flow-num{display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:color-mix(in oklab,#2563eb 12%,transparent);font-size:.7rem;font-weight:700;color:#2563eb}.blog-flow-arrow{display:flex;justify-content:center;padding:.2rem 0;font-size:.8rem;color:var(--muted-foreground);line-height:1}.blog-formula{margin:1.25rem 0;padding:1rem 1.25rem;background:color-mix(in oklab,var(--muted) 45%,transparent);border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}.blog-formula code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;color:var(--foreground);background:transparent;padding:0}.blog-formula-stack{display:flex;flex-direction:column;gap:.25rem;margin:1.5rem 0;padding:1rem 1.25rem;background:color-mix(in oklab,var(--muted) 45%,transparent);border:1px solid var(--border);border-radius:.75rem;font-size:.9rem;line-height:1.45}.blog-formula-stack-line{padding:.35rem 0}.blog-formula-stack-line--operator{color:var(--muted-foreground);font-weight:600;padding-left:.5rem}.blog-formula-stack-line--result{font-weight:600;padding-top:.35rem;border-top:1px solid var(--border);margin-top:.25rem}.blog-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .35rem;margin:1.5rem 0;padding:1rem 1.25rem;background:color-mix(in oklab,var(--muted) 45%,transparent);border:1px solid var(--border);border-radius:.75rem;font-size:.875rem;line-height:1.4}.blog-chain-step{font-weight:500}.blog-chain-arrow{color:var(--muted-foreground);font-weight:600;flex-shrink:0}.blog-tree{margin:1.5rem 0;padding:1rem 1.25rem;background:color-mix(in oklab,var(--muted) 45%,transparent);border:1px solid var(--border);border-radius:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.blog-tree-line{white-space:pre}.blog-funnel-list{display:flex;flex-direction:column;gap:.625rem;margin:1.5rem 0}.blog-funnel-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;color:#fff;font-size:.9rem;line-height:1.4}.blog-funnel-list-item--1{background:#18181b}.blog-funnel-list-item--2{background:#27272a}.blog-funnel-list-item--3{background:#3f3f46}.blog-funnel-list-item--4{background:#52525b}.blog-funnel-list-sub{color:#a1a1aa;font-weight:400}
