a{color:#033}a:hover{color:#167946}.flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;margin:0;display:grid}.flow .src{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px}.flow .src b,.flow .end b{font-size:16px;line-height:21px;display:block}.flow .src span,.flow .end span{color:var(--fg-muted);margin-top:4px;font-size:14px;line-height:20px;display:block}.flow .down{justify-content:center;height:44px;display:flex}.flow .down svg{width:14px;height:44px}.flow .browser{background:var(--color-black);color:#fff;outline:3px solid var(--accent);outline-offset:-3px;border-radius:20px;grid-column:1/-1;padding:26px 28px}.flow .browser b{font-family:var(--font-display);letter-spacing:-.01em;font-size:28px;line-height:1.05;display:block}.flow .browser span{color:var(--color-text-muted-dark);margin-top:8px;font-size:15px;line-height:22px;display:block}.flow .out{grid-column:1/-1;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:0;margin-top:0;display:grid}.flow .out svg{width:132px;height:64px;display:block}.flow .end{border:1px dashed var(--border);background:0 0;border-radius:16px;flex:1;margin-top:8px;padding:14px 18px}.flow .end b{color:var(--fg-muted)}.flow b{overflow-wrap:anywhere}.modes{border-collapse:collapse;width:100%;margin-top:var(--space-6);font-size:16px;line-height:24px}.modes th,.modes td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:18px 20px}.modes thead th{font-family:var(--font-display);border-bottom:2px solid var(--color-black);padding-top:0;font-size:24px;font-weight:700;line-height:1.1}.modes tbody th{width:22%;font-weight:700}.modes td{width:39%}.modes code{font:inherit;background:var(--surface-alt);border-radius:4px;padding:1px 6px;font-weight:700}.box{overflow-x:auto}.facts{margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.facts div{border-top:1px solid var(--border);padding:18px 0}.facts h3{margin:0;font-size:18px;line-height:24px}.facts p{color:var(--fg-muted);max-width:56ch;margin:6px 0 0}@media (width<=760px){.facts{grid-template-columns:1fr}.modes thead{display:none}.modes tr,.modes th,.modes td{width:auto;display:block}.modes tbody th{border:0;padding-bottom:4px}.modes td{padding-top:6px}.modes tbody th{width:auto}.modes td:before{content:attr(data-label);color:var(--fg-muted);font-size:13px;font-weight:700;display:block}}@media (width<=560px){.flow .out{grid-template-columns:72px minmax(0,1fr)}.flow .out svg{width:72px;height:35px}.flow .end{margin-top:0}.flow{grid-template-columns:1fr}.flow .down+.down{display:none}.flow .src+.src{margin-top:12px}}