[data-outbound-guide=how-it-works]{--color-muted:#566253;--color-line-dark:#b9c7af;--color-dark:#24332b;--color-on-dark:#eff5e8;--color-accent-soft:#bbcfb2;--color-control-line:#b5c7ac;--color-paper:#fff;--color-ink:#202521;--color-white:#fff;--color-wash:#f0f2eb;--color-action:#365e40;--obh-rule:#cbd6c3}[data-outbound-guide=how-it-works] :is(.obh-study,.obh-section,.obh-source,.obh-lifecycle){padding-block:55px}[data-outbound-guide=how-it-works] .obh-study{background:#f0f2eb;border-bottom:1px solid #dce3d5}[data-outbound-guide=how-it-works] .obh-source{color:#eff5e8;background:#24332b}[data-outbound-guide=how-it-works] .obh-lifecycle{background:#f4f5ef;border-bottom:1px solid #dce3d5}[data-outbound-guide=how-it-works] .obh-label{font:12px/1.7 var(--font-mono);color:#526347;display:block}html body.type-system.next-site #main [data-outbound-guide=how-it-works] :is(.po-section-heading>p,.pg-reading>p,.obh-scope dd,.obh-scope-notes p,.obh-source-notes p,.obh-stages p,.obh-failure p,.obh-boundary p,.obh-checks p){font-size:14px;line-height:1.85}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .pg-hero-summary>p{font-size:16px;line-height:1.8}html body.type-system.next-site #main [data-outbound-guide=how-it-works] :is(.pg-hero-summary>small,.spg-release p){color:#566253;font-size:12px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .po-link{font-size:13px;line-height:1.8}[data-outbound-guide=how-it-works] .ob-path{border:1px solid var(--obh-rule);background:#fff;border-radius:4px;margin:28px 0 0;padding:26px}[data-outbound-guide=how-it-works] .ob-path figcaption{align-items:baseline;gap:15px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-path figcaption strong{color:#202521;font-size:15px;line-height:1.7}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-path figcaption>span{color:#566253;font-size:12px;line-height:1.8}[data-outbound-guide=how-it-works] .ob-controls{gap:8px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-controls button{color:#24332b;background:#fff;border-radius:4px;min-height:44px;padding:10px 16px;font-size:13px;line-height:1.7}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-controls button[aria-pressed=true]{color:#fff;background:#365e40;border-color:#365e40}[data-outbound-guide=how-it-works] .ob-controls button:focus-visible{outline-offset:4px;outline:2px solid #365e40}[data-outbound-guide=how-it-works] [data-outbound-panel]{border-top:1px solid var(--obh-rule);min-width:0;margin-top:26px;padding-top:26px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-path h3{color:#24332b;font-size:25px;line-height:1.3;margin:0 0 24px!important}[data-outbound-guide=how-it-works] .ob-route{gap:30px;margin:0 0 23px;padding:0;list-style:none;display:flex}[data-outbound-guide=how-it-works] .ob-route li{border-top:1px solid #8b9e80;flex:1;gap:8px;min-width:0;margin:0;padding-top:15px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-route strong{color:#24332b;font-size:15px;line-height:1.7}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-route span{color:#566253;font-size:13px;line-height:1.7}[data-outbound-guide=how-it-works] .ob-route li+li:before{color:#365e40;top:17px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-path article>p{color:#202521;max-width:100ch;font-size:14px;line-height:1.85}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-path .ob-note{color:#566253;border-color:var(--obh-rule);margin-top:19px;padding-top:17px;font-size:13px;line-height:1.8}[data-outbound-guide=how-it-works] .obh-boundary{border-top:1px solid var(--obh-rule);grid-template-columns:190px minmax(0,1fr);gap:25px;margin-top:27px;padding-top:27px;display:grid}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-boundary>.obh-label{margin:0;font-size:12px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-boundary h3{margin:0 0 12px;font-size:22px;line-height:1.35}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-boundary div p{max-width:85ch;margin:0}[data-outbound-guide=how-it-works] .obh-scope{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;display:grid}[data-outbound-guide=how-it-works] .obh-scope>div{border-top:1px solid #b9c7af;min-width:0;padding-top:18px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-scope strong{margin:14px 0 15px;font-size:22px;font-weight:500;line-height:1.35;display:block}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-scope dd{color:#566253;margin:0}[data-outbound-guide=how-it-works] :is(.obh-scope-notes,.obh-source-notes){border-top:1px solid var(--obh-rule);grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;padding-top:28px;display:grid}html body.type-system.next-site #main [data-outbound-guide=how-it-works] :is(.obh-scope-notes,.obh-source-notes,.obh-checks,.obh-failure) h3{margin:0 0 13px;font-size:21px;line-height:1.4}html body.type-system.next-site #main [data-outbound-guide=how-it-works] :is(.obh-scope-notes,.obh-source-notes) p{margin:0}[data-outbound-guide=how-it-works] .obh-scope-notes .po-link{margin-top:16px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-source :is(h2,h3){color:#eff5e8}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-source .po-eyebrow{color:#bbcfb2}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-source :is(.po-section-heading>p,.obh-source-notes p){color:#d4dfcc}[data-outbound-guide=how-it-works] .obh-identities{border:1px solid #71826a;margin:0;padding:25px 28px}[data-outbound-guide=how-it-works] .obh-identities .obh-label{color:#bbcfb2;margin:0 0 24px;font-size:12px}[data-outbound-guide=how-it-works] .obh-identity-grid{grid-template-columns:1fr 1fr;gap:55px;display:grid}[data-outbound-guide=how-it-works] .obh-identity-grid>div{align-content:start;gap:12px;min-width:0;display:grid}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-identity-grid span{color:#d4dfcc;font-size:13px;line-height:1.7}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-identity-grid :is(strong,code){color:#eff5e8;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:25px;font-weight:500;line-height:1.3}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-identity-grid p{color:#d4dfcc;max-width:46ch;margin:0;font-size:13px;line-height:1.8}[data-outbound-guide=how-it-works] .obh-source-notes{border-color:#71826a}[data-outbound-guide=how-it-works] .obh-checks{grid-template-columns:1fr 1fr;gap:30px;margin:27px 0;display:grid}[data-outbound-guide=how-it-works] .obh-checks>section{border-top:1px solid var(--obh-rule);min-width:0;padding-top:17px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-checks h3{margin-top:14px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-checks p{color:#566253;margin:0}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .pg-reading .obh-reading-note{color:#566253;font-size:13px}[data-outbound-guide=how-it-works] .obh-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin:0;padding:0;list-style:none;display:grid}[data-outbound-guide=how-it-works] .obh-stages>li{border-top:1px solid #b9c7af;min-width:0;padding-top:18px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-stages h3{margin:15px 0;font-size:23px;line-height:1.35}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-stages p{color:#566253;margin:0}[data-outbound-guide=how-it-works] .obh-failure{border-top:1px solid var(--obh-rule);grid-template-columns:1fr 2fr;gap:35px;margin-top:32px;padding-top:25px;display:grid}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .obh-failure p{margin:0}[data-outbound-guide=how-it-works] .obh-lifecycle .po-link{margin-top:24px}@media (width<=1000px){[data-outbound-guide=how-it-works] .obh-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}[data-outbound-guide=how-it-works] .obh-scope{gap:22px}}@media (width<=800px){[data-outbound-guide=how-it-works] :is(.obh-scope,.obh-scope-notes,.obh-source-notes,.obh-identity-grid,.obh-failure){grid-template-columns:1fr;gap:26px}[data-outbound-guide=how-it-works] .obh-boundary{grid-template-columns:1fr;gap:12px}[data-outbound-guide=how-it-works] .obh-identity-grid>div+div{border-top:1px solid #71826a;padding-top:23px}}@media (width<=700px){[data-outbound-guide=how-it-works] :is(.obh-study,.obh-section,.obh-source,.obh-lifecycle){padding-block:42px}[data-outbound-guide=how-it-works] .ob-path{padding:20px}[data-outbound-guide=how-it-works] .ob-route{flex-direction:column;gap:25px}[data-outbound-guide=how-it-works] .ob-route li{border:1px solid var(--obh-rule);background:#f8f9f4;padding:16px}[data-outbound-guide=how-it-works] .ob-route li+li:before{top:-26px;left:calc(50% - 5px)}[data-outbound-guide=how-it-works] .obh-checks{grid-template-columns:1fr;gap:25px}[data-outbound-guide=how-it-works] .obh-identities{padding:23px}}@media (width<=480px){[data-outbound-guide=how-it-works] .obh-stages,[data-outbound-guide=how-it-works] .ob-controls{grid-template-columns:1fr}[data-outbound-guide=how-it-works] .ob-path{padding:18px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .ob-controls button{text-align:left}}[data-outbound-guide=how-it-works] :is(.po-contents a,.po-close-reading a){min-height:44px;font-size:13px}[data-outbound-guide=how-it-works] .po-breadcrumb{font-size:12px}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .po-eyebrow{font-size:11px!important}html body.type-system.next-site #main [data-outbound-guide=how-it-works] .pg-hero-summary>small{font-size:12px!important}[data-outbound-guide=how-it-works] .po-contents>span{font-size:11px}[data-outbound-guide=how-it-works] .po-primary{font-size:13px}