.outbound-navigation+.editorial-hero{padding-block:48px}.outbound-navigation+.editorial-hero .hero-grid{min-height:0}.outbound-navigation+.editorial-hero h1{font-size:var(--type-page)}.ob-contents{border-bottom:1px solid var(--line);align-items:baseline;gap:24px;padding-block:16px;display:flex}.ob-contents>span{font-size:var(--type-nav);white-space:nowrap;font-weight:650}.ob-contents ul{flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none;display:flex}.ob-contents a{min-height:44px;font-size:var(--type-nav);color:var(--ink);text-underline-offset:4px;align-items:center;display:inline-flex}.ob-visual{border:1px solid var(--color-line-dark);border-radius:var(--radius-control);background:var(--color-wash);color:var(--color-ink);min-width:0;padding:28px}.artifact-outbound{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.artifact-outbound>figcaption{padding-left:12px}.ob-visual p.ob-kicker{letter-spacing:.08em;font:var(--type-small)/1.7 var(--font-mono,var(--font-mono))!important;margin:0 0 24px!important}.ob-visual-device{border:1px solid var(--color-line-dark);background:var(--color-paper);border-radius:7px;gap:10px;padding:20px;display:grid}.ob-visual-device>span{font-size:var(--type-diagram);color:var(--color-muted);letter-spacing:.05em}.ob-visual-device strong{font-size:var(--type-subheading);font-weight:550}.ob-tunnel{align-items:center;gap:16px;padding:0 20px;display:flex}.ob-tunnel i{background:var(--color-mint);width:2px;height:55px;position:relative}.ob-tunnel i:after{content:"";background:var(--color-action);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out 2 ob-travel;position:absolute;top:10px;left:-3px}.ob-tunnel span{font-size:var(--type-diagram);color:var(--color-muted)}.ob-exit{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-control);gap:14px;padding:26px;display:grid}.ob-exit>span{font:var(--type-small)/1.5 var(--font-mono,var(--font-mono));letter-spacing:.09em;color:var(--color-accent-soft)}.ob-exit strong{font-size:var(--type-subheading);letter-spacing:-.03em;font-weight:500;line-height:1.25}.ob-exit small{font-size:var(--type-diagram);color:var(--color-muted-dark)}.ob-visual-internet{text-align:center;gap:8px;padding-top:16px;display:grid}.ob-visual-internet>span:first-child{font-size:var(--type-subheading);color:var(--color-action)}.ob-visual-internet strong{font-size:var(--type-body);font-weight:550}.ob-visual-internet>span:last-child{font-size:var(--type-diagram);color:var(--color-muted)}.ob-visual p.ob-visual-note{color:var(--color-muted);border-top:1px solid var(--color-line-dark);padding-top:16px;font-size:var(--type-small)!important;margin:22px 0 0!important;line-height:1.6!important}.ob-visual h2{font-size:var(--type-section);line-height:var(--leading-section);letter-spacing:var(--tracking-section);margin:10px 0 20px}.ob-visual-steps{margin:24px 0;padding:0;list-style:none}.ob-visual-steps li{font-size:var(--type-body);border-top:1px solid var(--color-line-dark);align-items:center;gap:20px;padding:24px 0;line-height:1.65;display:flex}.ob-visual-steps b{font:var(--type-small) var(--font-mono,var(--font-mono));color:var(--color-action)}.ob-terminal{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-control);padding:24px}.ob-terminal>span{font:var(--type-small)/1.7 var(--font-mono,var(--font-mono));color:var(--color-accent-soft);margin-bottom:20px;display:block}.ob-terminal code{font:var(--type-small)/1.8 var(--font-mono,var(--font-mono));overflow-wrap:anywhere}.ob-visual dl{margin:20px 0 0}.ob-visual dl>div{border-bottom:1px solid var(--color-line-dark);gap:6px;padding:14px 0;display:grid}.ob-visual dt{font-size:var(--type-diagram);color:var(--color-muted)}.ob-visual dd{font-size:var(--type-body);margin:0}.ob-path{border:1px solid var(--color-line-dark);border-radius:var(--radius-control);background:var(--color-wash);min-width:0;margin:28px 0;padding:28px}.ob-path figcaption{justify-content:space-between;gap:20px;margin:0 0 20px;display:flex}.ob-path figcaption strong{font-size:var(--type-small)}.ob-path figcaption>span{font-size:var(--type-small);color:var(--color-muted);line-height:1.6}.ob-controls{flex-wrap:wrap;gap:8px;display:flex}.ob-controls[hidden],[data-outbound-panel][hidden]{display:none}.ob-controls button{font:inherit;font-size:var(--type-control);cursor:pointer;border:1px solid var(--color-control-line);border-radius:var(--radius-control);background:var(--color-white);min-height:44px;color:var(--color-ink);padding:10px 16px}.ob-controls button[aria-pressed=true]{background:var(--color-action);color:var(--color-white)}.ob-controls button:focus-visible,.ob-contents a:focus-visible{outline:3px solid var(--color-line-dark);outline-offset:3px}.ob-path h3{font-size:var(--type-subheading);line-height:var(--leading-subheading);margin:28px 0!important}.prose .ob-route{gap:30px;margin:24px 0;padding:0;list-style:none;display:flex}.ob-route li{border-top:2px solid var(--color-line-dark);flex:1;align-content:start;gap:12px;min-width:0;padding-top:18px;display:grid;position:relative}.ob-route strong{font-size:var(--type-body);line-height:1.65}.ob-route span{font-size:var(--type-diagram);color:var(--color-muted);line-height:1.5}.ob-route li+li:before{content:"→";color:var(--color-action);animation:1.2s ease-in-out 2 ob-flow;position:absolute;top:20px;left:-24px}.ob-path article>p{font-size:var(--type-body);line-height:1.65}.ob-path .ob-note{font-size:var(--type-small);color:var(--color-muted);border-top:1px solid var(--color-line-dark);margin-bottom:0;padding-top:18px}.ob-options,.ob-definitions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0;display:grid}.ob-options section,.ob-definitions>div{border-top:2px solid var(--color-line-dark);padding-top:18px}.ob-options section>span{font-size:var(--type-diagram);letter-spacing:.03em;color:var(--color-muted)}.ob-options h3{font-size:var(--type-subheading);line-height:var(--leading-subheading);margin:18px 0 12px}.ob-options p,.ob-definitions dd{font-size:var(--type-body);margin:0;line-height:1.65}.ob-definitions dt{font-size:var(--type-body);margin-bottom:12px;font-weight:650;line-height:1.65}.prose .ob-steps{counter-reset:obstep;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px;margin:28px 0;padding:0;list-style:none;display:grid}.prose .ob-steps>li{counter-increment:obstep;border-top:1px solid var(--line);margin:0;padding:24px 0 24px 44px;position:relative}.ob-steps>li:before{content:counter(obstep,decimal-leading-zero);font:var(--type-small) var(--font-mono,var(--font-mono));color:var(--action);position:absolute;top:29px;left:0}.ob-steps h3{font-size:var(--type-subheading);line-height:var(--leading-subheading);margin:0 0 10px!important}.ob-steps p{font-size:var(--type-body);line-height:1.65;margin:0!important}.ob-notice{background:var(--wash);border-left:3px solid var(--action);padding:18px 22px;line-height:1.5;font-size:var(--type-diagram)!important}.ob-source-proof{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:28px 0;display:grid}.ob-source-proof>div{border:1px solid var(--color-line-dark);border-radius:var(--radius-control);gap:12px;padding:24px;display:grid}.ob-source-proof>div>span{font-size:var(--type-diagram);color:var(--color-muted)}.ob-source-proof strong{font:var(--type-small)/1.4 var(--font-mono,var(--font-mono));overflow-wrap:anywhere}.ob-source-proof p{font-size:var(--type-body);line-height:1.65;margin:0!important}@keyframes ob-flow{50%{translate:5px}}@keyframes ob-travel{50%{translate:0 24px}}@media (width<=700px){.ob-contents{display:block}.ob-contents ul{gap:0 18px;margin-top:8px}.ob-visual,.ob-path{padding:20px}.ob-path figcaption{flex-direction:column;gap:8px}.ob-controls{grid-template-columns:1fr 1fr;display:grid}.ob-controls button{border-radius:var(--radius-control);padding:10px 12px}.prose .ob-route{flex-direction:column;gap:24px}.ob-route li{border:1px solid var(--color-line-dark);background:var(--color-paper);padding:16px}.ob-route li+li:before{content:"↓";animation:none;top:-25px;left:calc(50% - 5px)}.ob-options,.ob-definitions,.prose .ob-steps{grid-template-columns:1fr}.ob-options{gap:22px}.ob-source-proof{grid-template-columns:1fr;gap:12px}.ob-source-proof>span{text-align:center;transform:rotate(90deg)}.ob-exit{padding:22px}}@media (prefers-reduced-motion:reduce){.ob-route li+li:before,.ob-tunnel i:after{animation:none}}.ob-table-hint{display:none}@media (width<=700px){.prose .ob-table-hint{font-size:var(--type-small);color:var(--muted);margin-bottom:12px;line-height:1.6;display:block}}
