.public-ips-navigation+.editorial-hero{padding-block:48px}.public-ips-navigation+.editorial-hero .hero-grid{min-height:0}.public-ips-navigation+.editorial-hero h1{font-size:var(--type-page)}.ipg-contents{border-bottom:1px solid var(--line);align-items:baseline;gap:24px;padding-block:16px;display:flex}.ipg-contents>span{font-size:var(--type-nav);white-space:nowrap;font-weight:650}.ipg-contents ul{flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none;display:flex}.ipg-contents a{min-height:44px;font-size:var(--type-nav);color:var(--ink);text-underline-offset:4px;align-items:center;display:inline-flex}.ipg-address{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-control);gap:9px;padding:24px;display:grid}.ipg-address span,.ipg-address small{font-size:var(--type-diagram);color:var(--color-accent-soft)}.ipg-address strong{font-size:var(--type-subheading);overflow-wrap:anywhere;line-height:1.6}.ipg-address .ipg-code{font:var(--type-small)/1.6 var(--font-mono,var(--font-mono))}.ipg-mini-lane{border-bottom:1px solid var(--color-line-dark);padding:20px 0}.ipg-mini-lane>span{font-size:var(--type-diagram);color:var(--color-muted);margin-bottom:8px;display:block}.ipg-mini-lane>strong{font-size:var(--type-body);line-height:1.65}.ipg-guide-visual p{font-size:var(--type-body)!important;line-height:1.65!important}.ipg-mini-steps{margin:24px 0;padding:0;list-style:none}.ipg-mini-steps li{border-bottom:1px solid var(--color-line-dark);font-size:var(--type-body);gap:18px;padding:16px 0;line-height:1.65;display:flex}.ipg-mini-steps b{color:var(--color-action);font-size:var(--type-diagram)}.ipg-delivery,.ipg-mapping,.ipg-subnet{background:var(--color-paper);border:1px solid var(--color-line-dark);border-radius:var(--radius-control);min-width:0;margin:28px 0;padding:28px}.ipg-delivery figcaption,.ipg-mapping figcaption,.ipg-subnet figcaption{justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 20px;display:flex}.ipg-delivery figcaption strong,.ipg-mapping figcaption strong,.ipg-subnet figcaption strong{font-size:var(--type-small);line-height:1.6}.ipg-delivery figcaption>span,.ipg-mapping figcaption>span,.ipg-subnet figcaption>span{font-size:var(--type-small);color:var(--color-muted);line-height:1.6}.prose .ipg-setup{background:var(--color-white);border-left:3px solid var(--color-control-line);font-size:var(--type-diagram);margin:0 0 24px;padding:14px 18px;line-height:1.5}.ipg-controls{flex-wrap:wrap;gap:8px;display:flex}.ipg-controls[hidden],.ipg-mapping-control[hidden],.ipg-subnet-controls[hidden]{display:none}.ipg-controls button{border:1px solid var(--color-control-line);background:var(--color-white);min-height:44px;color:var(--color-ink);border-radius:var(--radius-control);font:inherit;font-size:var(--type-control);cursor:pointer;padding:10px 16px}.ipg-controls button[aria-pressed=true]{background:var(--color-action);color:var(--color-white)}.ipg-controls button:focus-visible,.ipg-mapping select:focus-visible,.ipg-subnet select:focus-visible{outline:3px solid var(--color-line-dark);outline-offset:4px}.prose .ipg-delivery-nodes{gap:38px;margin:28px 0;padding:0;list-style:none;display:flex}.ipg-delivery-nodes li{border-top:2px solid var(--color-line-dark);flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px 0;display:flex;position:relative}.ipg-delivery-nodes li+li:before{content:"→";color:var(--color-action);font-size:var(--type-body);animation:1.2s ease-in-out 2 ipg-flow;position:absolute;top:35px;left:-30px}.ipg-delivery[data-direction=reply] .ipg-delivery-nodes li+li:before{content:"←";animation:1.2s ease-in-out 2 ipg-reply}.ipg-delivery-nodes li>span{font-size:var(--type-body);color:var(--color-muted)}.ipg-delivery-nodes strong{font-size:var(--type-body);overflow-wrap:anywhere}.ipg-delivery-nodes small{font-size:var(--type-diagram);line-height:1.5}.prose .ipg-packet{background:var(--color-dark);color:var(--color-white);border-radius:var(--radius-control);margin:0 0 22px;padding:20px}.ipg-packet>span{font-size:var(--type-diagram);color:var(--color-accent-soft);margin-bottom:10px;display:block}.ipg-packet code{color:var(--color-on-dark);font-size:var(--type-diagram);overflow-wrap:anywhere;background:0 0;padding:0}.prose [data-ip-explanation],.prose [data-map-description]{font-size:var(--type-body);line-height:1.65}.ipg-existing-route{border:1px dashed var(--color-control-line);font-size:var(--type-diagram);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px;display:flex}.ipg-existing-route small{width:100%;font-size:var(--type-diagram)}.ipg-delivery[data-direction=other] .ipg-existing-route{background:var(--color-dark);color:var(--color-white);border-style:solid}.ipg-delivery[data-direction=other] .ipg-delivery-nodes{opacity:.55}.prose .ipg-footnote{font-size:var(--type-small);color:var(--color-muted);margin:18px 0 0;line-height:1.6}.ipg-mapping-control,.ipg-subnet-controls label{font-size:var(--type-small);font-weight:600;display:block}.ipg-mapping select,.ipg-subnet select{background:var(--color-white);border:1px solid var(--color-control-line);border-radius:var(--radius-control);width:100%;min-height:48px;font:inherit;color:var(--color-ink);margin:8px 0 24px;padding:12px;display:block}.ipg-mapping-path{grid-template-columns:1fr 32px 1fr;align-items:center;gap:16px;display:grid}.ipg-mapping-path>div{background:var(--color-dark);color:var(--color-white);border-radius:var(--radius-control);min-width:0;padding:22px}.ipg-mapping-path>span{font-size:var(--type-feature);color:var(--color-action);text-align:center}.ipg-mapping-path div>span{font-size:var(--type-diagram);color:var(--color-accent-soft);margin-bottom:14px;display:block}.ipg-mapping-path code{color:var(--color-on-dark);font-size:var(--type-lead);overflow-wrap:anywhere;background:0 0;padding:0}.ipg-subnet-controls{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ipg-subnet-result{background:var(--color-dark);border-radius:var(--radius-control);color:var(--color-white);grid-template-columns:1fr 1.4fr;align-items:center;gap:32px;padding:26px;display:grid}.ipg-subnet-result span{font-size:var(--type-diagram);color:var(--color-accent-soft)}.ipg-subnet-result strong{font-size:var(--type-page);letter-spacing:-.04em;line-height:1.3;display:block}.prose .ipg-subnet-result p{font-size:var(--type-body);color:var(--color-on-dark);margin:0;line-height:1.65}.ipg-definitions{grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0;display:grid}.ipg-definitions>div{border-top:2px solid var(--color-line-dark);padding-top:16px}.ipg-definitions dt{font-size:var(--type-body);font-weight:650}.ipg-definitions dd{font-size:var(--type-body);margin:10px 0 0;line-height:1.65}.ipg-status-steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid;margin:28px 0!important;padding:0!important;list-style:none!important}.ipg-status-steps li{border-top:2px solid var(--color-control-line);padding:16px 0}.ipg-status-steps strong{font-size:var(--type-small);display:block}.ipg-status-steps span{font-size:var(--type-small);margin-top:10px;line-height:1.6;display:block}@keyframes ipg-flow{50%{translate:5px}}@keyframes ipg-reply{50%{translate:-5px}}@media (width<=700px){.ipg-contents{display:block}.ipg-contents ul{gap:0 18px;margin-top:8px}.ipg-delivery,.ipg-mapping,.ipg-subnet{padding:18px}.ipg-delivery figcaption,.ipg-mapping figcaption,.ipg-subnet figcaption{flex-direction:column;gap:6px}.prose .ipg-delivery-nodes{flex-direction:column;gap:24px}.ipg-delivery-nodes li{border:1px solid var(--color-line-dark);background:var(--color-white);padding:15px}.ipg-delivery-nodes li+li:before{content:"↓";animation:none;top:-30px;left:calc(50% - 8px)}.ipg-delivery[data-direction=reply] .ipg-delivery-nodes li+li:before{content:"↑";animation:none}.ipg-mapping-path{grid-template-columns:1fr;gap:10px}.ipg-mapping-path>span{transform:rotate(90deg)}.ipg-mapping-path code{font-size:var(--type-body)}.ipg-subnet-controls,.ipg-subnet-result{grid-template-columns:1fr;gap:14px}.ipg-subnet select{margin-bottom:8px}.ipg-subnet-result{margin-top:20px;padding:20px}.ipg-definitions{grid-template-columns:1fr;gap:20px}.ipg-status-steps{grid-template-columns:1fr 1fr}.public-ips-navigation+.editorial-hero{padding-block:32px}.ipg-controls button{font-size:var(--type-control);padding:10px 13px}}@media (prefers-reduced-motion:reduce){.ipg-delivery .ipg-delivery-nodes li+li:before{animation:none}}.product-experience :is(.ipg-delivery,.ipg-mapping,.ipg-subnet){background:var(--color-white);border-color:var(--line);border-radius:5px;padding:24px}.product-experience :is(.ipg-delivery,.ipg-mapping,.ipg-subnet) figcaption :is(strong,span){font-size:12px;line-height:1.7}.product-experience .ipg-definitions>div,.product-experience .ipg-status-steps li{border-top-width:1px}.product-experience .ipg-contents{border-top:1px solid var(--line);gap:27px;padding-block:12px}.product-experience .ipg-contents>span{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px;font-weight:500}.product-experience .ipg-contents a{font-size:12px;line-height:1.6}.product-experience .ipg-subnet-result{border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}html body.type-system #main .product-experience .ipg-subnet-result strong{overflow-wrap:anywhere;font-size:clamp(29px,4vw,48px);line-height:1.15}.product-experience .ipg-mapping-path{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}@media (width<=700px){.product-experience :is(.ipg-delivery,.ipg-mapping,.ipg-subnet){padding:18px}.product-experience .ipg-subnet-result,.product-experience .ipg-mapping-path{grid-template-columns:1fr}}