:root{--ink:#282828;--muted:#6b6866;--line:#dededb;--serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--accent:#64765a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:#fff;font:18px/1.65 var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding-inline:34px;background:#fffffff2;position:sticky;top:0;z-index:5;border-bottom:1px solid #f2f2ef;backdrop-filter:blur(10px)}.wordmark{font:700 35px/1 Georgia,serif;letter-spacing:-2.7px}.site-header nav{display:flex;gap:27px;font:13px var(--sans);color:#585956}.article-heading{text-align:center;margin:63px auto 39px;padding-inline:20px;max-width:800px}.article-heading h1{font:600 36px/1.35 var(--serif);letter-spacing:-.7px;margin:0 0 10px}.article-heading>p{font:14px/1.5 var(--sans);color:var(--muted);margin:0}.article-layout{position:relative;max-width:660px;margin:auto}.contents{position:absolute;width:185px;right:calc(100% + 53px);top:0;height:100%;padding-top:7px}.contents nav{position:sticky;top:109px;display:flex;flex-direction:column;gap:13px;font:12px/1.5 var(--sans)}.contents a{color:#777774;border-left:1px solid var(--line);padding-left:13px}.contents a[aria-current=location]{color:var(--ink);border-left:2px solid #6e7f5f;padding-left:12px}article{padding-bottom:22px}p{margin:0 0 19px}h2{font:600 26px/1.35 var(--serif);letter-spacing:-.3px;margin:36px 0 15px}strong{font-weight:600}section{scroll-margin-top:10px}figure{margin:27px 0 29px}figcaption{font:12px/1.6 var(--sans);color:var(--muted);margin-top:12px}.architecture-figure{border:1px solid var(--line);border-radius:3px;padding:21px 27px 18px;background:#fcfcfa}.figure-controls{display:flex;justify-content:center;gap:0;margin:0 0 23px;font-family:var(--sans)}.figure-controls button{font:12px var(--sans);padding:7px 13px;border:1px solid #cdd1c7;background:#fff;color:#73766e;cursor:pointer}.figure-controls button:first-child{border-radius:3px 0 0 3px}.figure-controls button:last-child{border-radius:0 3px 3px 0;border-left:0}.figure-controls button.selected{background:#e7eddf;color:#31442b}.figure-controls button:hover:not(.selected){background:#f1f2ed}.data-path{font:13px/1.5 var(--sans);text-align:center}.input-node{font-size:12px}.down-arrow{font-size:20px;color:#8a9280;line-height:1.3;margin:5px 0}.gateway-node{padding:10px;border:1px solid #a8b29b;border-radius:3px;width:190px;margin:auto;background:#f1f4ec}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px;position:relative}.destinations:before{content:'';position:absolute;left:25%;right:25%;top:-17px;height:17px;border:1px solid #a8b29b;border-bottom:0}.destinations:after{content:'';position:absolute;left:50%;top:-30px;height:13px;border-left:1px solid #a8b29b}.destination{border:1px solid #bbc8ac;border-radius:3px;padding:11px 9px;background:#eef3e6;transition:opacity .2s,background .2s}.hot-destination{border-color:#c9cccf;background:#f0f2f4}.destination>span{display:block;font-size:10px;color:#646e5c}.destination strong{display:block;font:500 15px var(--sans);margin:9px 0 6px}.destination .route-label{font-size:10px;color:#757d6d}.destination .search-label{font-size:10px;border-top:1px solid #aab49b55;padding-top:8px;margin-top:9px}.data-path[data-mode=full] .hot-destination{opacity:.55}.data-path[data-mode=hot] .full-destination{background:#f8faf5}.data-path[data-mode=hot] .hot-destination{background:#e3eaf0;border-color:#91a7b8}.architecture-figure figcaption{text-align:center;font-size:11px;margin-top:16px}.pricing{margin:23px 0 28px;border-block:1px solid var(--line);padding:10px 0;font-family:var(--sans)}summary{cursor:pointer;font-size:12px;list-style:none;display:flex;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:18px}.pricing[open] summary:after{content:'−'}.pricing-content{padding:16px 0 6px}.pricing-content p{font:13px/1.6 var(--sans);margin-bottom:13px;color:#5f605b}.pricing-content a,.evaluate a{text-decoration:underline;text-decoration-color:#b8bcb3;text-underline-offset:3px}.pricing-content .source-date{font-size:11px;margin:0;color:var(--muted)}.advisor-figure{margin:23px 0}table{width:100%;border-collapse:collapse;font:13px/1.5 var(--sans)}caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:12px}th,td{border-bottom:1px solid var(--line);padding:9px 0;text-align:left}th{font-weight:400;color:#62635c;width:67%}td{padding-left:15px}code{font:12px 'SFMono-Regular',Consolas,monospace}.advisor-figure figcaption{font-size:11px}.evaluate{font-size:16px;margin-top:27px}footer{max-width:660px;margin:17px auto 0;display:flex;align-items:center;border-top:1px solid var(--line);padding:22px 0 38px;gap:26px;font:11px var(--sans);color:var(--muted)}footer .wordmark{font-size:28px;color:var(--ink)}footer>a:last-child{margin-left:auto}
@media(max-width:1190px){.contents{right:calc(100% + 26px);width:160px}}
@media(max-width:1060px){.contents{display:none}.article-heading{margin-top:49px}}
@media(max-width:720px){.site-header{height:61px;padding-inline:20px}.site-header nav{gap:18px;font-size:11px}.site-header nav>a:last-child{display:none}.wordmark{font-size:32px}.article-heading{margin:35px auto 28px}.article-heading h1{font-size:29px;line-height:1.25;letter-spacing:-.5px}.article-heading>p{font-size:12px}.article-layout,footer{width:calc(100% - 40px)}body{font-size:17px;line-height:1.65}p{margin-bottom:18px}h2{font-size:24px;margin:29px 0 13px}.architecture-figure{padding:17px 13px 14px;margin-block:24px}.figure-controls{margin-bottom:17px}.figure-controls button{font-size:11px;padding:6px 10px}.gateway-node{width:155px;font-size:12px}.destinations{gap:13px}.destination{padding:9px 5px}.destination strong{font-size:13px}.destination>span,.destination .search-label,.destination .route-label{font-size:9px}.architecture-figure figcaption{font-size:10px}.pricing-content p{font-size:12px}table{font-size:12px}code{font-size:11px}th{width:65%}td{padding-left:10px}.advisor-figure figcaption{font-size:11px}.evaluate{font-size:15px}footer{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.destination{transition:none}}
