.traffic-explorer[data-astro-cid-fm2wkyt4]{border:1px solid var(--color-line-dark);border-radius:var(--radius-control);background:var(--color-paper);margin:24px 0;overflow:hidden}.traffic-caption[data-astro-cid-fm2wkyt4]{border-bottom:1px solid var(--color-line-dark);padding:18px 24px;font-weight:650;font-size:var(--type-small)!important;margin:0!important}.traffic-caption[data-astro-cid-fm2wkyt4] span[data-astro-cid-fm2wkyt4]{font-size:var(--type-small);color:var(--color-muted);margin-top:5px;font-weight:400;display:block}.traffic-options[data-astro-cid-fm2wkyt4]{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:20px 24px 24px;display:flex}.traffic-options[data-astro-cid-fm2wkyt4]>input[data-astro-cid-fm2wkyt4]{opacity:0;width:1px;height:1px;position:absolute}.traffic-options[data-astro-cid-fm2wkyt4]>label[data-astro-cid-fm2wkyt4]{cursor:pointer;border:1px solid var(--color-control-line);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--type-small);min-height:44px;padding:12px 18px;font-weight:600}.traffic-options[data-astro-cid-fm2wkyt4]>input[data-astro-cid-fm2wkyt4]:checked+label[data-astro-cid-fm2wkyt4]{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.traffic-options[data-astro-cid-fm2wkyt4]>input[data-astro-cid-fm2wkyt4]:focus-visible+label[data-astro-cid-fm2wkyt4]{outline:3px solid var(--color-line-dark);outline-offset:3px}.traffic-panels[data-astro-cid-fm2wkyt4]{width:100%;margin-top:16px}.traffic-panel[data-astro-cid-fm2wkyt4]{display:none}.preset-in[data-astro-cid-fm2wkyt4]:checked~.traffic-panels[data-astro-cid-fm2wkyt4] .panel-in[data-astro-cid-fm2wkyt4],.preset-selected[data-astro-cid-fm2wkyt4]:checked~.traffic-panels[data-astro-cid-fm2wkyt4] .panel-selected[data-astro-cid-fm2wkyt4],.preset-full[data-astro-cid-fm2wkyt4]:checked~.traffic-panels[data-astro-cid-fm2wkyt4] .panel-full[data-astro-cid-fm2wkyt4]{display:block}.traffic-route[data-astro-cid-fm2wkyt4]{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-control);grid-template-columns:1fr 24px 1.3fr 24px 1fr;align-items:center;gap:8px;padding:24px;display:grid}.traffic-route[data-astro-cid-fm2wkyt4] span[data-astro-cid-fm2wkyt4]{font-size:var(--type-small);font-weight:600;line-height:1.6}.traffic-route[data-astro-cid-fm2wkyt4] b[data-astro-cid-fm2wkyt4]{color:var(--color-accent-soft);text-align:center}.traffic-panel[data-astro-cid-fm2wkyt4] h3[data-astro-cid-fm2wkyt4]{margin:24px 0 8px!important}.traffic-panel[data-astro-cid-fm2wkyt4] p[data-astro-cid-fm2wkyt4]{max-width:72ch;font-size:var(--type-body)!important}.traffic-foot[data-astro-cid-fm2wkyt4]{border-top:1px solid var(--color-line-dark);flex-wrap:wrap;gap:12px 24px;margin-top:20px;padding-top:16px;display:flex}.traffic-foot[data-astro-cid-fm2wkyt4] span[data-astro-cid-fm2wkyt4]{font-size:var(--type-small);color:var(--color-muted)}.traffic-panel[data-astro-cid-fm2wkyt4] details[data-astro-cid-fm2wkyt4]{margin:14px 0}.sr-only[data-astro-cid-fm2wkyt4]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.traffic-options[data-astro-cid-fm2wkyt4]{gap:6px;padding:16px}.traffic-options[data-astro-cid-fm2wkyt4]>label[data-astro-cid-fm2wkyt4]{font-size:var(--type-small);padding:12px}.traffic-caption[data-astro-cid-fm2wkyt4]{padding:16px}.traffic-route[data-astro-cid-fm2wkyt4]{grid-template-columns:1fr;gap:5px;padding:18px}.traffic-route[data-astro-cid-fm2wkyt4] b[data-astro-cid-fm2wkyt4]{transform:rotate(90deg)}.traffic-route[data-astro-cid-fm2wkyt4] span[data-astro-cid-fm2wkyt4]{text-align:center}.traffic-panel[data-astro-cid-fm2wkyt4] p[data-astro-cid-fm2wkyt4]{font-size:var(--type-body)!important}}[data-public-ips-guide=how-it-works]{--pih-rule:#cbd6c3;--color-muted:#606b60;--color-line-dark:#cbd6c3;--color-dark:#24332b;--color-on-dark:#eff5e8;--color-accent-soft:#bbcfb2;--color-control-line:#b5c7ac;--color-paper:#fff;--color-ink:#202521;--color-white:#fff}[data-public-ips-guide=how-it-works] .pih-section,[data-public-ips-guide=how-it-works] .pih-delivery,[data-public-ips-guide=how-it-works] .pih-recap{padding-block:55px}[data-public-ips-guide=how-it-works] .pih-delivery{background:#f0f2eb;border-block:1px solid #dce3d5}[data-public-ips-guide=how-it-works] .pih-recap{background:#f4f5ef;border-bottom:1px solid #dce3d5}[data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks){grid-template-columns:repeat(4,minmax(0,1fr));gap:29px;margin:0;padding:0;list-style:none;display:grid}[data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks)>li{border-top:1px solid #b8c7b0;min-width:0;padding-top:19px}[data-public-ips-guide=how-it-works] .pih-label{font:11px/1.7 var(--font-mono);color:#59694f;display:block}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks) h3{margin:16px 0 14px;font-size:23px;line-height:1.3}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks) p{font-size:13px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-allocation{border:1px solid var(--pih-rule);background:#f4f5ef;grid-template-columns:1fr 1fr;gap:45px;margin-top:34px;padding:27px 30px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-allocation h3{margin:12px 0;font-size:21px;line-height:1.35}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-allocation p{font-size:13px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-allocation .po-link{margin-top:14px;font-size:12px}[data-public-ips-guide=how-it-works] .pih-paths{grid-template-columns:1fr 1fr;gap:30px;display:grid}[data-public-ips-guide=how-it-works] .pih-paths>article{border:1px solid var(--pih-rule);background:#fff;min-width:0;padding:27px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-paths h3{margin:15px 0 23px;font-size:26px;line-height:1.25}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-paths p{margin:20px 0;font-size:13px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-paths .po-link{font-size:12px}[data-public-ips-guide=how-it-works] .pih-route{grid-template-columns:1fr;gap:9px;margin:0;padding:0;list-style:none;display:grid}[data-public-ips-guide=how-it-works] .pih-route li{background:#f0f2eb;grid-template-columns:1fr 1fr;gap:10px;min-width:0;padding:14px 16px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-route span{color:#606b60;font-size:11px;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-route :is(code,strong){color:#364a32;overflow-wrap:anywhere;white-space:normal;background:0 0;border:0;padding:0;font-size:12px;font-weight:550;line-height:1.7}[data-public-ips-guide=how-it-works] .pih-transport{border-bottom:1px solid var(--pih-rule);grid-template-columns:180px minmax(0,1fr);gap:30px;margin-top:25px;padding:22px 0;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-transport strong{color:#364a32;font-size:14px;font-weight:550;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-transport p{max-width:95ch;margin:0;font-size:13px;line-height:1.85}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-note{color:#606b60;max-width:110ch;margin:19px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=how-it-works] .traffic-explorer{border-color:var(--pih-rule);border-radius:5px;margin:0 0 28px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-caption{padding:20px 25px;font-weight:550;line-height:1.7;font-size:14px!important}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-caption span{color:#606b60;font-size:11px;line-height:1.7}[data-public-ips-guide=how-it-works] .traffic-options{gap:9px;padding:22px 25px 25px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-options>label{border-radius:4px;padding:12px 18px;font-size:12px;font-weight:550;line-height:1.6}[data-public-ips-guide=how-it-works] .traffic-options>input:focus-visible+label{outline-offset:4px;outline:2px solid #365e40}[data-public-ips-guide=how-it-works] .traffic-route{border-radius:4px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.3fr) 24px minmax(0,1fr);padding:22px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-route span{color:#eff5e8;overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.7}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-route b{color:#bbcfb2;font-size:18px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-panel h3{font-size:26px;line-height:1.3;margin:23px 0 12px!important}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-panel p{max-width:95ch;line-height:1.85;font-size:14px!important}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-foot span{color:#606b60;font-size:12px;line-height:1.7}[data-public-ips-guide=how-it-works] .pih-table-scroll{border:1px solid var(--pih-rule);border-radius:4px;max-width:100%;overflow-x:auto}[data-public-ips-guide=how-it-works] .pih-table-scroll:focus-visible{outline-offset:4px;outline:2px solid #365e40}[data-public-ips-guide=how-it-works] .pih-table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:730px;margin:0}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-table-scroll caption{text-align:left;color:#364a32;background:#f0f2eb;padding:15px 20px;font-size:12px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-table-scroll :is(th,td){vertical-align:top;color:#202521;border-top:1px solid #dce3d5;padding:16px 20px;font-size:12px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-table-scroll th{color:#364a32;font-weight:550}[data-public-ips-guide=how-it-works] .pih-table-scroll thead{background:#f8f9f4}[data-public-ips-guide=how-it-works] .pih-policy-notes{grid-template-columns:1fr 1fr;gap:45px;margin-top:28px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-policy-notes h3{margin:0 0 11px;font-size:20px;line-height:1.4}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-policy-notes p{font-size:13px;line-height:1.85}[data-public-ips-guide=how-it-works] :is(.pih-disclosure,.traffic-panel details){border-block:1px solid #dce3d5;margin-top:25px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] :is(.pih-disclosure,.traffic-panel details) summary{color:#365e40;cursor:pointer;min-height:50px;padding:17px 0;font-size:13px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] :is(.pih-disclosure,.traffic-panel details) p{color:#606b60;max-width:100ch;margin:0 0 20px;line-height:1.85;font-size:13px!important}[data-public-ips-guide=how-it-works] summary:focus-visible{outline-offset:4px;outline:2px solid #365e40}[data-public-ips-guide=how-it-works] .pih-boundary{color:#eff5e8;background:#24332b;padding-block:55px}[data-public-ips-guide=how-it-works] .pih-boundary-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-boundary .po-eyebrow{color:#bbcfb2}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-boundary h2{color:#eff5e8;max-width:19ch;margin:18px 0 25px;font-size:clamp(32px,3vw,43px);line-height:1.15}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-boundary p{color:#d4dfcc;max-width:53ch;font-size:14px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-boundary .po-link{color:#d4e8c7;margin-top:22px;font-size:12px}[data-public-ips-guide=how-it-works] .pih-permission{border:1px solid #60765b;padding:27px}[data-public-ips-guide=how-it-works] .pih-permission .pih-label{color:#bbcfb2}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-permission h3{color:#eff5e8;margin:16px 0 20px;font-size:25px;line-height:1.3}[data-public-ips-guide=how-it-works] .pih-permission ul{margin:0 0 20px;padding-left:19px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-permission li{color:#d4dfcc;margin:0 0 10px;font-size:13px;line-height:1.85}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-permission>p{border-top:1px solid #60765b;padding-top:20px;font-size:12px}[data-public-ips-guide=how-it-works] .pih-register{margin:25px 0 0}[data-public-ips-guide=how-it-works] .pih-register>div{border-top:1px solid var(--pih-rule);grid-template-columns:145px minmax(0,1fr);gap:24px;padding:21px 0;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-register dt{color:#364a32;font-size:13px;font-weight:550;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-register dd{color:#606b60;margin:0;font-size:13px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-dns{border:1px solid var(--pih-rule);background:#f0f2eb;margin:25px 0;padding:23px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-dns figcaption{font:11px/1.7 var(--font-mono);color:#59694f;margin:0 0 18px}[data-public-ips-guide=how-it-works] .pih-dns>div{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-dns code{color:#364a32;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:15px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-dns span{color:#606b60;font-size:11px;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-dns p{color:#606b60;margin:17px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-lifecycle{border-top:1px solid var(--pih-rule);margin-top:32px;padding-top:25px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-lifecycle h3{margin:0 0 20px;font-size:22px;line-height:1.4}[data-public-ips-guide=how-it-works] .pih-lifecycle dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0;display:grid}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-lifecycle dt{color:#364a32;font-size:13px;font-weight:550;line-height:1.8}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .pih-lifecycle dd{color:#606b60;margin:8px 0 0;font-size:12px;line-height:1.85}[data-public-ips-guide=how-it-works] .pih-reading{flex-wrap:wrap;gap:15px 35px;margin-top:25px;display:flex}[data-public-ips-guide=how-it-works] .pih-reading .po-link{font-size:12px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] :is(.pg-hero-summary>small,.spg-release p){color:#606b60}[data-public-ips-guide=how-it-works] code{overflow-wrap:anywhere}@media (width<=1000px){[data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks){grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}[data-public-ips-guide=how-it-works] .pih-boundary-grid{gap:35px}[data-public-ips-guide=how-it-works] .pih-paths>article{padding:22px}[data-public-ips-guide=how-it-works] .pih-route li{grid-template-columns:1fr;gap:3px}}@media (width<=750px){[data-public-ips-guide=how-it-works] :is(.pih-allocation,.pih-paths,.pih-policy-notes,.pih-boundary-grid){grid-template-columns:1fr;gap:28px}[data-public-ips-guide=how-it-works] .pih-route li{grid-template-columns:1fr 1fr;gap:10px}[data-public-ips-guide=how-it-works] .pih-transport{grid-template-columns:1fr;gap:10px}[data-public-ips-guide=how-it-works] .pih-lifecycle dl{grid-template-columns:1fr;gap:20px}[data-public-ips-guide=how-it-works] .pih-permission{padding:24px}}@media (width<=700px){[data-public-ips-guide=how-it-works] :is(.pih-section,.pih-delivery,.pih-recap,.pih-boundary){padding-block:42px}[data-public-ips-guide=how-it-works] .pih-allocation{margin-top:28px;padding:24px}[data-public-ips-guide=how-it-works] .pih-register>div{grid-template-columns:1fr;gap:9px}[data-public-ips-guide=how-it-works] .pih-policy-notes{margin-top:24px}}@media (width<=600px){[data-public-ips-guide=how-it-works] .traffic-route{grid-template-columns:1fr;padding:18px}[data-public-ips-guide=how-it-works] .traffic-options{gap:8px;padding:18px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-caption{padding:18px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-options>label{padding:12px 13px}html body.type-system.next-site #main [data-public-ips-guide=how-it-works] .traffic-panel h3{font-size:23px}}@media (width<=450px){[data-public-ips-guide=how-it-works] :is(.pih-decisions,.pih-checks){grid-template-columns:1fr;gap:24px}[data-public-ips-guide=how-it-works] :is(.pih-allocation,.pih-paths>article,.pih-permission,.pih-dns){padding:20px}[data-public-ips-guide=how-it-works] .pih-route li{grid-template-columns:1fr;gap:3px}[data-public-ips-guide=how-it-works] .pih-dns>div{flex-direction:column;align-items:flex-start;gap:8px}}
