.shell:where(.astro-pnbfn5nj){max-width:var(--width-container);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.ov-hero:where(.astro-pnbfn5nj){text-align:center;padding:clamp(3rem,7vw,6rem) 0 var(--space-10)}.ov-title:where(.astro-pnbfn5nj){font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:0 auto var(--space-6);max-width:18ch;text-wrap:balance}.ov-sub:where(.astro-pnbfn5nj){font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--sl-color-gray-3);max-width:620px;margin:0 auto;text-wrap:pretty}.ov-visual:where(.astro-pnbfn5nj){margin:var(--space-8) auto var(--space-2);position:relative;z-index:1}.ov-datasheet:where(.astro-pnbfn5nj){text-align:center;margin-top:var(--space-6);position:relative;z-index:1}.ov-datasheet:where(.astro-pnbfn5nj) .btn:where(.astro-pnbfn5nj):hover .arrow:where(.astro-pnbfn5nj){transform:translateY(3px)}.section:where(.astro-pnbfn5nj){margin:var(--space-16) auto;max-width:var(--width-container);padding:0 var(--space-6)}.section:where(.astro-pnbfn5nj).narrow{max-width:var(--width-article)}.section-head:where(.astro-pnbfn5nj){margin-bottom:var(--space-8)}.section:where(.astro-pnbfn5nj) h2:where(.astro-pnbfn5nj){font-size:var(--text-3xl);margin:0;letter-spacing:-.02em}.packet-flow:where(.astro-pnbfn5nj){width:min(var(--width-container),calc(100vw - 2 * var(--space-6)));margin:var(--space-8) 0;margin-left:50%;transform:translate(-50%)}.packet-flow:where(.astro-pnbfn5nj) .diagram-window:where(.astro-pnbfn5nj){padding:var(--space-4)}.packet-flow:where(.astro-pnbfn5nj) .diagram-scroll:where(.astro-pnbfn5nj){overflow-x:auto;-webkit-overflow-scrolling:touch}.packet-flow:where(.astro-pnbfn5nj) svg:where(.astro-pnbfn5nj){display:block;width:100%;height:auto}.packet-flow:where(.astro-pnbfn5nj) .diagram-scroll:where(.astro-pnbfn5nj) svg:where(.astro-pnbfn5nj){min-width:880px}.packet-flow:where(.astro-pnbfn5nj) .t-title:where(.astro-pnbfn5nj){font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:20px;fill:#e8eef9}.packet-flow:where(.astro-pnbfn5nj) .t-card:where(.astro-pnbfn5nj){font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:15px;fill:#e8eef9}.packet-flow:where(.astro-pnbfn5nj) .t-card2:where(.astro-pnbfn5nj){font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:13.5px;fill:#e8eef9}.packet-flow:where(.astro-pnbfn5nj) .chiptxt:where(.astro-pnbfn5nj){font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:13px;fill:#e8eef9}.packet-flow:where(.astro-pnbfn5nj) .mono:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.packet-flow:where(.astro-pnbfn5nj) .sub:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:12px;fill:#94a3b8}.packet-flow:where(.astro-pnbfn5nj) .sub-blue:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:11px;fill:#93c5fd}.packet-flow:where(.astro-pnbfn5nj) .sub-teal:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:11px;fill:#5eead4}.packet-flow:where(.astro-pnbfn5nj) .pchip:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:12.5px;fill:#dbe6f5}.packet-flow:where(.astro-pnbfn5nj) .tag:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:10.5px;letter-spacing:.12em}.packet-flow:where(.astro-pnbfn5nj) .edgelbl:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:11px;letter-spacing:.04em}.packet-flow:where(.astro-pnbfn5nj) .cap:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:11px;fill:#8a98ad}.packet-flow:where(.astro-pnbfn5nj) .legend:where(.astro-pnbfn5nj){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:12px;fill:#aebbcd}.packet-flow:where(.astro-pnbfn5nj) .teal-l:where(.astro-pnbfn5nj){fill:#5eead4}.packet-flow:where(.astro-pnbfn5nj) .blue-l:where(.astro-pnbfn5nj){fill:#93c5fd}.packet-flow:where(.astro-pnbfn5nj) .gray-l:where(.astro-pnbfn5nj){fill:#94a3b8}.packet-flow:where(.astro-pnbfn5nj) .surface:where(.astro-pnbfn5nj){fill:#16243b;stroke:#2a3a55;stroke-width:1}.packet-flow:where(.astro-pnbfn5nj) .surface-dim:where(.astro-pnbfn5nj){fill:#14213873;stroke:#233149;stroke-width:1}.packet-flow:where(.astro-pnbfn5nj) .kbox:where(.astro-pnbfn5nj){fill:#16243b;stroke:#3b82f6;stroke-width:1.6}.packet-flow:where(.astro-pnbfn5nj) .engine:where(.astro-pnbfn5nj){fill:#10302c;stroke:#0d9488;stroke-width:2}.packet-flow:where(.astro-pnbfn5nj) .pchipbox:where(.astro-pnbfn5nj){fill:#0b1220;stroke:#2a3a55;stroke-width:1}.packet-flow:where(.astro-pnbfn5nj) .recbox:where(.astro-pnbfn5nj){fill:#16243b;stroke:#2a3a55;stroke-width:1}.packet-flow:where(.astro-pnbfn5nj) .e-blue:where(.astro-pnbfn5nj){stroke:#3b82f6;stroke-width:2.4;fill:none}.packet-flow:where(.astro-pnbfn5nj) .e-teal:where(.astro-pnbfn5nj){stroke:#0d9488;stroke-width:2.2;fill:none}.packet-flow:where(.astro-pnbfn5nj) .e-dash:where(.astro-pnbfn5nj){stroke:#5b86c4;stroke-width:1.8;fill:none;stroke-dasharray:6 5}
