[data-public-ips-guide=gateway]{--pig-rule:#dce3d5;--pig-sage:#f0f2eb;--color-line-dark:#cbd6c3;--color-action:#365e40;--color-muted:#606b60;--color-control-line:#b5c7ac}[data-public-ips-guide=gateway] .pig-wide{padding-block:55px}[data-public-ips-guide=gateway] .pig-wash{border-block:1px solid var(--pig-rule);background:#f4f5ef}[data-public-ips-guide=gateway] :is(section,details){scroll-margin-top:24px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-label{font:11px/1.7 var(--font-mono);color:#59694f;display:block}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.pg-hero-summary>small,.spg-release p,.po-close-reading a){color:#606b60}html body.type-system.next-site #main [data-public-ips-guide=gateway] .spg-release strong{color:#59694f}[data-public-ips-guide=gateway] .pig-policies{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}[data-public-ips-guide=gateway] .pig-policies article{border-top:1px solid #b8c7b0;padding-top:19px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-policies h3{max-width:18ch;margin:17px 0 16px;font-size:25px;line-height:1.25}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-policies p{font-size:14px;line-height:1.85}[data-public-ips-guide=gateway] .pig-policy-note{background:#24332b;border-radius:5px;grid-template-columns:.7fr 1.3fr;gap:35px;margin:32px 0 23px;padding:25px 28px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-policy-note strong{color:#eff5e8;max-width:29ch;font-size:18px;font-weight:530;line-height:1.5}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-policy-note p{color:#c2d0b9;max-width:none;margin:0;font-size:13px;line-height:1.85}[data-public-ips-guide=gateway] .pig-placements{grid-template-columns:1fr 1fr;gap:45px;display:grid}[data-public-ips-guide=gateway] .pig-placements article{border-top:1px solid #b8c7b0;min-width:0;padding-top:21px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-placements h3{margin:15px 0 23px;font-size:28px;line-height:1.25}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-placements p{max-width:none;margin:17px 0 0;font-size:14px;line-height:1.85}[data-public-ips-guide=gateway] .pig-route{background:#fff;border:1px solid #cbd6c3;border-radius:5px;grid-template-columns:minmax(0,1fr) 13px minmax(0,1.1fr) 13px minmax(0,1fr);align-items:center;gap:10px;padding:20px 17px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-route :is(span,strong){color:#364a32;font-size:11px;font-weight:500;line-height:1.7}[data-public-ips-guide=gateway] .pig-route b{color:#59694f;font-weight:400}[data-public-ips-guide=gateway] .pig-placement-notes{border-top:1px solid #cbd6c3;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;padding-top:25px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-placement-notes strong{color:#364a32;font-size:14px;font-weight:550;line-height:1.6;display:block}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-placement-notes p{color:#606b60;max-width:none;margin:10px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery){background:#fff;border:1px solid #cbd6c3;border-radius:8px;min-width:0;margin:0;padding:28px}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery) figcaption{justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 20px;display:flex}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery) figcaption strong{color:#202521;font-size:15px;font-weight:550;line-height:1.65}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery) figcaption>span{color:#606b60;font-size:11px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-mapping-control{color:#364a32;font-size:12px;font-weight:530;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-mapping select{color:#202521;background:#fff;border-color:#b5c7ac;border-radius:5px;min-height:48px;margin:8px 0 24px;font-family:inherit;font-size:13px;line-height:1.6}[data-public-ips-guide=gateway] .ipg-mapping-path{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:18px;display:grid}[data-public-ips-guide=gateway] .ipg-mapping-path>div{background:#24332b;border-radius:5px;padding:24px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-mapping-path div>span{color:#bbcfb2;margin-bottom:14px;font-size:11px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-mapping-path code{font:clamp(16px,2.3vw,26px)/1.6 var(--font-mono);color:#eff5e8;overflow-wrap:anywhere;white-space:normal;background:0 0;padding:0}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is([data-map-description],[data-ip-explanation]){color:#202521;max-width:100ch;margin:21px 0 0;font-size:14px;line-height:1.85}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-footnote{color:#606b60;max-width:110ch;margin:18px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=gateway] .pig-disclosure{border-block:1px solid #cbd6c3;margin-top:24px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-disclosure summary{color:#364a32;cursor:pointer;min-height:58px;padding:18px 4px;font-size:15px;font-weight:530;line-height:1.65}[data-public-ips-guide=gateway] .pig-disclosure summary::marker{color:#365e40}[data-public-ips-guide=gateway] :is(.pig-disclosure summary,.pig-table-scroll):focus-visible{outline-offset:4px;outline:2px solid #365e40}[data-public-ips-guide=gateway] .pig-disclosure>div{padding-bottom:23px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-disclosure p{max-width:95ch;margin:0;font-size:13px;line-height:1.85}[data-public-ips-guide=gateway] .pig-table-scroll{overscroll-behavior-x:contain;width:100%;max-width:100%;overflow-x:auto}[data-public-ips-guide=gateway] .pig-table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-table-scroll caption{text-align:left;color:#606b60;padding:5px 14px 15px;font-size:11px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-table-scroll :is(th,td){vertical-align:top;color:#202521;border-bottom:1px solid #dce3d5;padding:15px 14px;font-size:12px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-table-scroll th{color:#364a32;background:#f0f2eb;font-weight:550}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-table-scroll code{white-space:nowrap;background:0 0;padding:0;font-size:12px}[data-public-ips-guide=gateway] .pig-table-scroll td>span{font:10px/1.7 var(--font-mono);color:#606b60;margin-top:4px;display:block}[data-public-ips-guide=gateway] :is(.pig-mapping-notes,.pig-return-notes){grid-template-columns:1fr 1fr;gap:45px;margin-top:28px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.pig-mapping-notes,.pig-return-notes) h3{margin:0 0 14px;font-size:22px;line-height:1.35}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-return-notes h3{margin-top:12px}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.pig-mapping-notes,.pig-return-notes) p{max-width:none;margin:0;font-size:13px;line-height:1.85}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.pig-mapping-notes,.pig-return-notes) p+p{margin-top:13px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-story .po-section-heading>p{color:#c2d0b9}[data-public-ips-guide=gateway] .pig-story-copy{grid-template-columns:1fr 1fr;gap:45px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-story-copy p{color:#c2d0b9;max-width:none;margin:0;font-size:14px;line-height:1.85}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-story-copy strong{color:#eff5e8;font-weight:550}[data-public-ips-guide=gateway] .edge-connection{color:#202521;background:#f8faf4;border:1px solid #cbd6c3;border-radius:8px;margin:28px 0 0;padding:28px}[data-public-ips-guide=gateway] .edge-upstream{border-color:#b8c7b0}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-label{font:10px/1.7 var(--font-mono);color:#59694f;letter-spacing:.06em;margin-bottom:8px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-upstream strong{color:#202521;font-size:21px;font-weight:530;line-height:1.5}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-upstream p{color:#606b60;line-height:1.8;font-size:12px!important}[data-public-ips-guide=gateway] .edge-wire{color:#365e40;padding:15px 35px;font-size:24px}[data-public-ips-guide=gateway] .edge-lan{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:20px}[data-public-ips-guide=gateway] .edge-appliance{background:#24332b;border-radius:5px;padding:25px;box-shadow:0 7px #16231c}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-appliance .edge-label{color:#bbcfb2}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.edge-appliance,.edge-equipment) strong{margin:8px 0;font-size:22px;font-weight:530;line-height:1.4}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-appliance strong{color:#eff5e8}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-appliance small{color:#c2d0b9}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-lan small{font-size:12px;line-height:1.75}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-path{color:#606b60}[data-public-ips-guide=gateway] .edge-path>span{font-size:28px}[data-public-ips-guide=gateway] .edge-equipment{border-color:#b5c7ac;border-radius:5px;padding:24px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-equipment strong{color:#202521}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-equipment small{color:#606b60}html body.type-system.next-site #main [data-public-ips-guide=gateway] .edge-connection figcaption{color:#606b60;max-width:110ch;margin:25px 0 0;font-size:11px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-setup{background:#f3f5ee;border-left:2px solid #9eb292;margin:0 0 22px;padding:13px 16px;font-size:13px;line-height:1.8}[data-public-ips-guide=gateway] .ipg-controls{flex-wrap:wrap;gap:8px;display:flex}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-controls button{color:#365e40;background:#fff;border:1px solid #cbd6c3;border-radius:5px;min-height:44px;padding:10px 15px;font-family:inherit;font-size:13px;line-height:1.6}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-controls button[aria-pressed=true]{color:#fff;background:#365e40;border-color:#365e40}[data-public-ips-guide=gateway] :is(.ipg-controls button,.ipg-mapping select):focus-visible{outline-offset:4px;outline:2px solid #365e40}[data-public-ips-guide=gateway] .ipg-delivery-nodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:37px;margin:28px 0;padding:0;list-style:none;display:grid}[data-public-ips-guide=gateway] .ipg-delivery-nodes li{border-top:1px solid #b8c7b0;gap:7px;padding:17px 0}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-delivery-nodes li>span{color:#606b60;font-size:12px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-delivery-nodes strong{color:#202521;font-size:18px;font-weight:530;line-height:1.5}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-delivery-nodes small{color:#606b60;font-size:11px;line-height:1.7}[data-public-ips-guide=gateway] .ipg-delivery-nodes li+li:before{color:#738873;font-size:20px;top:34px;left:-27px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-packet{color:#eff5e8;background:#24332b;border-radius:5px;margin:0 0 20px;padding:20px 23px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-packet>span{color:#bbcfb2;margin-bottom:9px;font-size:11px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-packet code{color:#eff5e8;overflow-wrap:anywhere;white-space:normal;background:0 0;border:0;padding:0;font-size:17px;line-height:1.6}[data-public-ips-guide=gateway] .ipg-existing-route{color:#606b60;border:1px dashed #bacab1;grid-template-columns:155px minmax(0,1fr);gap:5px 25px;margin-top:22px;padding:18px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-existing-route strong{color:#365e40;font-size:12px;font-weight:550;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-existing-route span{font-size:13px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-existing-route small{grid-column:2;font-size:11px;line-height:1.7}[data-public-ips-guide=gateway] .ipg-delivery[data-direction=other] .ipg-existing-route{color:#eff5e8;background:#24332b;border-color:#24332b}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-delivery[data-direction=other] .ipg-existing-route strong{color:#bbcfb2}[data-public-ips-guide=gateway] .ipg-delivery[data-direction=other] .ipg-delivery-nodes{opacity:1}[data-public-ips-guide=gateway] .pig-boundary-note{background:#eaf0e3;border-left:2px solid #9eb292;margin-top:25px;padding:22px 25px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-boundary-note strong{color:#364a32;font-size:14px;font-weight:550;line-height:1.6}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-boundary-note p{color:#606b60;max-width:none;margin:8px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=gateway] .pig-steps{margin:27px 0 22px;padding:0;list-style:none}[data-public-ips-guide=gateway] .pig-steps li{border-top:1px solid var(--pig-rule);grid-template-columns:26px minmax(0,1fr);gap:20px;padding:22px 0;display:grid}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-steps h3{margin:0 0 10px;font-size:21px;line-height:1.4}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-steps p{font-size:14px;line-height:1.85}[data-public-ips-guide=gateway] code{overflow-wrap:anywhere;white-space:normal}@media (width<=1000px){[data-public-ips-guide=gateway] .pig-policies{gap:25px}[data-public-ips-guide=gateway] :is(.pig-placements,.pig-placement-notes,.pig-mapping-notes,.pig-return-notes,.pig-story-copy){gap:30px}[data-public-ips-guide=gateway] .pig-route{text-align:center;grid-template-columns:1fr;gap:7px}[data-public-ips-guide=gateway] .pig-route b{transform:rotate(90deg)}[data-public-ips-guide=gateway] .ipg-delivery-nodes{gap:26px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-delivery-nodes strong{font-size:16px}[data-public-ips-guide=gateway] .ipg-delivery-nodes li+li:before{font-size:17px;left:-21px}}@media (width<=700px){[data-public-ips-guide=gateway] .pig-wide{padding-block:42px}[data-public-ips-guide=gateway] :is(.pig-policies,.pig-policy-note,.pig-placements,.pig-placement-notes,.pig-mapping-notes,.pig-return-notes,.pig-story-copy){grid-template-columns:1fr;gap:25px}[data-public-ips-guide=gateway] .pig-policy-note{gap:13px;padding:23px}[data-public-ips-guide=gateway] .pig-policy-note strong{max-width:none!important}[data-public-ips-guide=gateway] .pig-route{text-align:left;grid-template-columns:minmax(0,1fr) 13px minmax(0,1.1fr) 13px minmax(0,1fr);gap:8px}[data-public-ips-guide=gateway] .pig-route b{transform:none}html body.type-system.next-site #main [data-public-ips-guide=gateway] .pig-policies h3{max-width:none}[data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery,.edge-connection){padding:20px}html body.type-system.next-site #main [data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery) figcaption{flex-direction:column;align-items:start;gap:5px}[data-public-ips-guide=gateway] .ipg-mapping-path{grid-template-columns:1fr;gap:10px}[data-public-ips-guide=gateway] .ipg-mapping-path>span{transform:rotate(90deg)}[data-public-ips-guide=gateway] .ipg-delivery-nodes{grid-template-columns:1fr;gap:26px}[data-public-ips-guide=gateway] .ipg-delivery-nodes li{background:#fff;border:1px solid #cbd6c3;padding:16px}[data-public-ips-guide=gateway] .ipg-delivery-nodes li+li:before{animation:none;top:-29px;left:calc(50% - 8px)}[data-public-ips-guide=gateway] .ipg-existing-route{grid-template-columns:1fr;gap:6px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-existing-route small{grid-column:auto}[data-public-ips-guide=gateway] .edge-lan{grid-template-columns:1fr;gap:17px}[data-public-ips-guide=gateway] .edge-path>span{display:inline-block;transform:rotate(90deg)}[data-public-ips-guide=gateway] :is(.edge-appliance,.edge-equipment){padding:21px}}@media (width<=450px){[data-public-ips-guide=gateway] :is(.ipg-mapping,.ipg-delivery,.edge-connection){padding:17px}[data-public-ips-guide=gateway] .pig-route{text-align:center;grid-template-columns:1fr;gap:7px}[data-public-ips-guide=gateway] .pig-route b{transform:rotate(90deg)}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-controls button{text-align:left;width:100%}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-packet{padding:17px}html body.type-system.next-site #main [data-public-ips-guide=gateway] .ipg-packet code{font-size:14px}[data-public-ips-guide=gateway] .ipg-mapping-path>div{padding:20px}[data-public-ips-guide=gateway] .pig-steps li{grid-template-columns:24px minmax(0,1fr);gap:13px}}