.packet-explorer{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-soft);margin:30px 0;overflow:hidden}.packet-explorer [hidden]{display:none!important}.packet-picker{border-bottom:1px solid var(--border);gap:12px;padding:20px;display:grid}.packet-picker>span,.packet-explorer label{color:var(--cyan);font-family:var(--mono);font-size:.7rem}.packet-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.packet-options button{border:1px solid var(--border-strong);background:var(--bg);min-width:0;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;gap:5px 10px;padding:14px;display:grid}.packet-options button:hover{border-color:var(--muted);color:var(--text)}.packet-options button[aria-pressed=true]{border-color:var(--cyan);color:var(--text);box-shadow:inset 3px 0 0 var(--cyan);background:#42d6e812}.packet-options button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.packet-options small{color:var(--cyan);font-family:var(--mono);grid-row:1/span 2;font-size:.75rem}.packet-options strong{font-size:.75rem;line-height:1.4}.packet-options span{color:var(--dim);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.45;overflow:hidden}.packet-explorer select{border:1px solid var(--border-strong);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:12px;font-size:.85rem}.packet-scenario>header{padding:22px 22px 10px}.packet-scenario h3{margin:10px 0;font-size:1.15rem}.packet-scenario header p,.packet-key{color:var(--muted);font-size:.8rem;line-height:1.7}.packet-topology{gap:24px;margin:0;padding:18px 22px;list-style:none;display:flex;overflow-x:auto}.packet-topology li{border:1px solid var(--border-strong);color:var(--muted);font-family:var(--mono);text-align:center;border-radius:8px;flex:1 0 100px;align-items:center;padding:16px 9px;font-size:.75rem;display:grid;position:relative}.packet-topology li+li:before{border-top:1px solid var(--cyan);content:"";width:24px;position:absolute;top:50%;right:100%}.packet-topology li.active{color:var(--cyan);border-color:var(--cyan);background:#42d6e812}.packet-topology li.failed{color:var(--red);border-color:var(--red)}.packet-key{margin:0 0 20px;padding:0 22px;font-size:.75rem}.packet-controls{border-block:1px solid var(--border);background:var(--bg);gap:10px;padding:18px 22px;display:grid}.packet-buttons{flex-wrap:wrap;gap:8px;display:flex}.packet-buttons button{border:1px solid var(--border-strong);background:var(--surface);min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:9px 14px;font-size:.75rem}.packet-buttons button[data-next]{color:var(--cyan);border-color:var(--cyan)}.packet-buttons button:disabled{opacity:.4;cursor:default}.packet-status{color:var(--muted);margin:0;font-size:.73rem;line-height:1.6}.packet-trace{margin:0;padding:22px;list-style:none}.packet-trace>li{grid-template-columns:30px minmax(0,1fr);gap:12px;padding-bottom:20px;display:grid;position:relative}.packet-trace>li:last-child,.packet-trace>li.current{padding-bottom:0}.packet-step-number{z-index:1;border:1px solid var(--cyan);background:var(--bg);height:30px;color:var(--cyan);font-family:var(--mono);border-radius:50%;align-self:start;place-items:center;font-size:.75rem;display:grid;position:relative}.packet-trace>li:before{content:"";border-left:1px solid var(--cyan);position:absolute;top:30px;bottom:0;left:15px}.packet-trace>li:last-child:before,.packet-trace>li.current:before{display:none}.packet-step-body{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:14px}.packet-trace>li.current .packet-step-body{border-color:var(--cyan)}.packet-trace>li.failed .packet-step-body{border-color:var(--red)}.packet-step-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.packet-step-heading h4{margin:0;font-size:.85rem}.packet-direction{color:var(--cyan);font-family:var(--mono);text-transform:uppercase;font-size:.75rem}.packet-direction.reply{color:var(--green)}.packet-failed-label{color:var(--red);font-size:.72rem}.packet-addresses{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;display:grid}.packet-addresses small{color:var(--dim);font-family:var(--mono);text-transform:uppercase;margin-bottom:7px;font-size:.75rem;display:block}.packet-addresses code{overflow-wrap:anywhere;font-size:.75rem}.packet-addresses b{color:var(--cyan);font-weight:400}.packet-step-body p{color:var(--muted);margin:12px 0 0;font-size:.76rem;line-height:1.65}.packet-step-body p[data-failure]{color:var(--red)}.packet-trace>li.arriving{animation:.28s ease-out packet-arrival}@keyframes packet-arrival{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.packet-trace>li.arriving{animation:none}}@media (width<=650px){.packet-options{grid-template-columns:1fr}.packet-trace{padding:16px 10px}.packet-trace>li{grid-template-columns:26px minmax(0,1fr);gap:7px}.packet-step-number{height:26px}.packet-trace>li:before{top:26px;left:13px}.packet-addresses{grid-template-columns:1fr;gap:6px}.packet-addresses b{display:none}}.endpoint-type-paths[data-astro-cid-xovntoig]{margin:28px 0}figcaption[data-astro-cid-xovntoig]{gap:7px;margin-bottom:16px;display:grid}figcaption[data-astro-cid-xovntoig] strong[data-astro-cid-xovntoig]{font-size:1rem}.endpoint-type-grid[data-astro-cid-xovntoig]{gap:9px;display:grid}section[data-astro-cid-xovntoig]{border:1px solid var(--border);background:#ffffff04;border-radius:9px;padding:15px}header[data-astro-cid-xovntoig]{justify-content:space-between;gap:12px;display:flex}header[data-astro-cid-xovntoig] b[data-astro-cid-xovntoig]{font-size:.72rem}header[data-astro-cid-xovntoig] span[data-astro-cid-xovntoig],footer[data-astro-cid-xovntoig]{color:var(--dim);font-family:var(--mono);font-size:.75rem}section[data-astro-cid-xovntoig]>div[data-astro-cid-xovntoig]{grid-template-columns:1fr auto 1.3fr auto 1fr;align-items:center;gap:7px;margin:13px 0;display:grid}section[data-astro-cid-xovntoig] strong[data-astro-cid-xovntoig]{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:6px;padding:10px 7px;font-size:.75rem}section[data-astro-cid-xovntoig] i[data-astro-cid-xovntoig]{border-top:1px solid var(--green);min-width:60px;color:var(--green);font-family:var(--mono);text-align:center;padding-top:3px;font-size:.75rem;font-style:normal}@media (width<=650px){header[data-astro-cid-xovntoig]{flex-direction:column}section[data-astro-cid-xovntoig]>div[data-astro-cid-xovntoig]{grid-template-columns:1fr}section[data-astro-cid-xovntoig] i[data-astro-cid-xovntoig]{justify-self:center;width:60px;transform:rotate(90deg)}}.tgw-route-domains[data-astro-cid-5rouxdd7]{border:1px solid var(--border);background:#ffffff04;border-radius:12px;margin:28px 0;padding:24px}figcaption[data-astro-cid-5rouxdd7]{gap:7px;margin-bottom:17px;display:grid}figcaption[data-astro-cid-5rouxdd7] strong[data-astro-cid-5rouxdd7]{font-size:1rem}.tgw-grid[data-astro-cid-5rouxdd7]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}section[data-astro-cid-5rouxdd7]{text-align:center;background:#42d6e809;border:1px solid #42d6e83d;border-radius:9px;gap:8px;padding:16px;display:grid}section[data-astro-cid-5rouxdd7].propagation{background:#b79aff09;border-color:#b79aff3d}section[data-astro-cid-5rouxdd7] .step[data-astro-cid-5rouxdd7]{color:var(--dim);font-family:var(--mono);text-transform:uppercase;font-size:.75rem}section[data-astro-cid-5rouxdd7] b[data-astro-cid-5rouxdd7],section[data-astro-cid-5rouxdd7] strong[data-astro-cid-5rouxdd7]{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:10px;font-size:.75rem}section[data-astro-cid-5rouxdd7] strong[data-astro-cid-5rouxdd7]{color:var(--cyan)}section[data-astro-cid-5rouxdd7].propagation strong[data-astro-cid-5rouxdd7]{color:var(--purple)}section[data-astro-cid-5rouxdd7] i[data-astro-cid-5rouxdd7]{color:var(--green);font-family:var(--mono);font-size:.75rem;font-style:normal}.return-warning[data-astro-cid-5rouxdd7]{border-left:2px solid var(--amber);background:#f6c76309;gap:10px;margin-top:12px;padding:12px;font-size:.75rem;display:flex}.return-warning[data-astro-cid-5rouxdd7] span[data-astro-cid-5rouxdd7]{color:var(--muted)}@media (width<=650px){.tgw-grid[data-astro-cid-5rouxdd7]{grid-template-columns:1fr}.return-warning[data-astro-cid-5rouxdd7]{flex-direction:column}}