@font-face{font-family:BerkeleyMono;src:url(./BerkeleyMono-Regular-lsQ6X9kR.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BerkeleyMono;src:url(./BerkeleyMono-Bold-Cs0Oq-Gn.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{color-scheme:light dark;--color-gray: oklch(65% .01 286);--color-gray100: color-mix(in srgb, white 80%, var(--color-gray));--color-gray980: color-mix(in srgb, black 95%, var(--color-gray));--color-bg: light-dark(#f7f7f8, #151516);--color-fg: light-dark(var(--color-gray980), var(--color-gray100));--color-fg3: var(--color-gray);--line: color-mix(in oklab, var(--color-fg) 25%, var(--color-bg));--panel: color-mix(in oklab, var(--color-fg) 4%, var(--color-bg));--font-mono: BerkeleyMono, ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Mono", Consolas, "Liberation Mono", monospace}html{background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);font-size:12px;line-height:20px;padding:40px;margin:0;overflow-wrap:anywhere}::selection{background:#ff0;color:#000}a{color:inherit}a:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:4px}.skip{position:absolute;top:-80px}.skip:focus{top:8px;background:var(--color-bg)}.masthead{display:inline-flex;flex-direction:column;line-height:18px}.masthead a{width:fit-content;text-decoration:none}.masthead h1{font:inherit;margin:0}.caret{font-style:normal;animation:flash 1s infinite}@keyframes flash{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.caret{animation:none}}.back-link{line-height:18px}main{max-width:48em}p{margin-block:20px}h1,h2{font-size:12px;line-height:20px;font-weight:600}.article-header h1{margin:40px 0 1ch;text-transform:uppercase}.article-header h1:before,h2:before{content:"## ";font-weight:400;color:color-mix(in oklab,var(--color-fg) 30%,var(--color-bg))}.article-header p{margin-top:-5px;margin-bottom:40px}h2{margin:40px 0 1ch;text-transform:uppercase}.landing{max-width:480px;margin-top:100px}.landing .copyright{margin:0 0 20px}.landing h2{margin:20px 0;font-weight:700}.landing section:first-of-type h2:before{content:"# "}.landing p{margin:20px 0}.writing{list-style:none;padding:0;margin:20px 0}.writing li{padding-left:2ch}.writing li:before{content:"- ";margin-left:-2ch}.writing time{display:block;color:var(--color-fg3)}figure{margin:20px 0}figcaption{font-size:12px;color:var(--color-fg3);line-height:20px}.connection{padding:20px;background:var(--panel);border:1px solid var(--line)}fieldset{padding:0;margin:0 0 20px;border:0}legend{padding:0;margin-bottom:10px;font-weight:700}.route-switch{display:flex;flex-wrap:wrap;gap:10px 24px}.route-switch label{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:30px}input{accent-color:var(--color-fg);margin:0}.node{max-width:330px;padding:10px 15px;margin:auto;border:1px solid var(--line);background:var(--color-bg)}.node strong,.node span{display:block}.node strong{font-weight:400}.node span{color:var(--color-fg3);font-size:10px}.connector{display:block;text-align:center;color:var(--color-fg3);line-height:27px}.network{border-style:dashed}.checkout{border-color:var(--color-fg)}.phone-route{display:none}.connection:has(input[value=phone]:checked) .phone-route{display:block}.connection:has(input[value=phone]:checked) .desk-route{display:none}.connection figcaption{margin:20px 0 0}.review-loop{border-block:1px solid var(--line);padding:20px 0}.review-loop figcaption{margin-bottom:20px;color:var(--color-fg)}.review-loop ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;gap:22px}.review-loop li{position:relative}.review-loop li:not(:last-child):after{content:"→";position:absolute;top:0;right:-15px;color:var(--color-fg3)}.review-loop strong{font-weight:400}.review-loop li span{display:block;font-size:10px;color:var(--color-fg3);margin-top:7px}.return-path{font-size:10px;color:var(--color-fg3);margin-top:20px;padding-top:10px;border-top:1px dashed var(--line)}.article-footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.article-footer p{margin-top:0}.site-footer{margin-top:40px;color:var(--color-fg3)}@media(max-width:520px){.connection{padding:15px}.review-loop ol{grid-template-columns:1fr 1fr;gap:24px}.review-loop li:nth-child(2):after{content:"↓";right:0;top:auto;bottom:-20px}.review-loop li:nth-child(3){grid-column:2;grid-row:2}.review-loop li:nth-child(3):after{content:"←";right:auto;left:-21px}.review-loop li:nth-child(4){grid-column:1;grid-row:2}}