.sandbox-story{--story-navy:#071321;--story-paper:#f4f2ec;--story-ink:#182c36;--story-muted:#52636b;--story-cyan:#72e2e0;background:var(--story-navy);color:#eef5f6}
.sandbox-story a:focus-visible,.sandbox-story button:focus-visible,.sandbox-story summary:focus-visible,.sandbox-story [tabindex]:focus-visible{outline:3px solid #0e9baf;outline-offset:5px}
.story-header,.story-hero,.story-footer,.story-outro{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.story-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243643}.story-header img{width:150px;height:auto}.story-header nav{display:flex;gap:36px;font-size:13px;color:#d1dce2}.story-header nav a:hover{color:var(--story-cyan)}
.story-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px;background:#fff;color:#071321}.story-skip:focus{top:12px}
.story-hero{padding-top:64px}.story-kicker{display:flex;justify-content:space-between;color:#94b4bf;font-size:11px;letter-spacing:.17em}.story-title-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:end;margin:35px 0 40px}.sandbox-story h1{font-size:clamp(3.6rem,7.8vw,7.5rem);line-height:.99;letter-spacing:-.065em;max-width:none;font-weight:600;margin:0}.sandbox-story h1 em{color:#87e3de;letter-spacing:-.055em}.story-deck{padding-bottom:6px}.story-deck p{font-size:20px;line-height:1.6;color:#c2d0d8;max-width:390px}.story-deck>a{font-size:12px;display:inline-flex;gap:22px;border-bottom:1px solid #496874;padding:10px 0;color:#85ddd9}.story-byline{display:flex;align-items:center;gap:14px;margin-bottom:34px}.author-monogram{width:42px;height:42px;border:1px solid #637b85;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;flex-shrink:0}.story-byline>div{display:grid;gap:6px}.story-byline strong{font-size:13px;font-weight:500}.story-byline>div>span{font-size:11px;color:#a3b6c0}.story-topic{margin-left:auto;font-size:10px;letter-spacing:.13em;color:#a3b6c0}.story-cover{margin:0}.story-cover>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #29424d}.story-cover figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a3b6c0;padding:17px 0 35px;line-height:1.6}
.story-paper{background:var(--story-paper);color:var(--story-ink)}.story-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:225px minmax(0,1fr);gap:85px;padding:82px 0 95px}.story-toc nav{position:sticky;top:32px}.story-toc p{font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:23px;color:#596b72}.story-toc a{display:flex;align-items:baseline;gap:12px;font-size:12px;line-height:1.5;color:#53656c;border-bottom:1px solid #d8dedb;padding:13px 0}.story-toc a:hover{color:#007885}.story-toc a>span{font-size:10px;color:#5f777e}.story-toc .toc-download{color:#006c76;margin-top:26px;font-weight:700;border:0}
.story-prose{min-width:0;max-width:820px}.story-prose section{scroll-margin-top:28px}.story-prose p{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.85;margin:0 0 24px;color:#34464e}.story-prose .story-lead{font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.55;color:#1c343d;letter-spacing:-.025em}.story-prose h2{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:600;line-height:1.12;letter-spacing:-.045em;margin:44px 0 25px;color:#17323a}.story-prose h3{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:38px 0 15px}.story-prose p em{color:inherit;font-weight:inherit}.story-prose section+section{margin-top:72px;padding-top:42px;border-top:1px solid #cbd4d0}.section-marker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#596c72}.story-prose .section-marker+h2{margin-top:18px}.story-prose p code{background:#e3e7e2;padding:2px 5px;border-radius:3px;font-size:.77em;overflow-wrap:anywhere;font-family:Consolas,monospace}.source-link{color:#006d76;text-decoration:underline;text-decoration-color:#9fbebc;text-underline-offset:4px}.source-link:hover{color:#004750;text-decoration-color:currentColor}.source-link span{font-size:.8em}
.margin-note{border-left:3px solid #b45a31;margin:36px 0;padding:20px 24px;background:#ebe9e0}.margin-note>span{font-size:10px;letter-spacing:.12em;font-weight:700;color:#874223}.margin-note p{font-family:Arial,sans-serif;font-size:17px;line-height:1.65;color:#2b4148;margin:12px 0 0}.technical-figure{background:#0b202b;color:#e0edf0;margin:36px 0;padding:27px}.figure-top{display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.1em;color:#a9c2c8;margin-bottom:30px}.execution-loop{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:12px;counter-reset:steps}.execution-loop li{counter-increment:steps;border-top:1px solid #548088;padding:15px 0;position:relative}.execution-loop li:before{content:"0" counter(steps);display:block;font-size:10px;color:#81d9d6;margin-bottom:14px}.execution-loop strong{font-size:16px;display:block;font-weight:500}.execution-loop li span{font-size:11px;color:#acc5cd;display:block;line-height:1.5;margin-top:8px}.loop-return{border-bottom:1px dashed #52777e;padding:12px 0 18px;text-align:center;font-size:11px;line-height:1.6;color:#89d6d2}.loop-return>span{margin-right:8px}.technical-figure figcaption,.isolation-figure figcaption{font-size:11px;line-height:1.7;margin-top:23px;color:#acc4ca}
.broker-map{display:grid;grid-template-columns:.9fr 20px 1.2fr 20px 1.35fr;align-items:center;gap:6px}.map-node{border:1px solid #3e646e;padding:16px 12px;min-width:0}.map-node small,.runner-boundary>small{display:block;font-size:8px;letter-spacing:.08em;color:#adcbd1;line-height:1.6;margin-bottom:12px}.map-node strong{font-size:16px;line-height:1.3;font-weight:500;display:block}.map-node p{font-family:Arial,sans-serif;font-size:10px;line-height:1.8;color:#adcbd1;margin:12px 0 0}.broker-node{background:#173640;border-color:#65bebd}.map-arrow{text-align:center;color:#72e2e0}.runner-boundary{border:1px dashed #e3b483;padding:12px 10px}.runner-boundary .map-node{border-color:#577a80;background:#132c36}.runner-boundary>small{color:#eac19a}.boundary-label{display:block;font-size:9px;line-height:1.7;color:#eac19a;margin-top:10px}.result-path{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #365760;margin-top:22px;padding-bottom:20px;font-size:10px;line-height:1.6;color:#93d7d4}.trust-note{font-size:11px;line-height:1.7;padding-top:18px;color:#c4d4d9}.trust-note>span{color:#e5ad78;margin-right:10px}
.isolation-figure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:35px 0;padding:24px;border:1px solid #baccc7}.isolation-label{display:block;font-size:10px;letter-spacing:.11em;margin-bottom:15px;font-weight:700;color:#39535a}.isolation-column>div{text-align:center;font-size:11px;line-height:1.4;padding:13px 8px;background:#e2e8e3;border-bottom:3px solid var(--story-paper)}.isolation-column>.extra-boundary{background:#c9e4dd;color:#174e4f}.isolation-column>.shared-kernel{background:#ecdfc9}.isolation-column p{font-family:Arial,sans-serif;font-size:11px;line-height:1.7;margin:13px 0 0}.isolation-figure figcaption{grid-column:1/-1;color:#52696d;margin:0}
.reconcile-demo{background:#102c35;color:#e6f2f1;padding:27px;margin:32px 0}.demo-heading{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.08em;color:#b0cbcd}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-bottom:1px solid #48656b;gap:8px}.demo-steps button{background:none;border:0;border-bottom:2px solid transparent;text-align:left;padding:13px 3px;color:#b5ccd0;font-size:11px;line-height:1.4}.demo-steps button>span{display:block;font-size:9px;margin-bottom:8px;color:#a2c8ca}.demo-steps button[aria-pressed=true]{color:#9ef0e3;border-color:#9ef0e3}.demo-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:28px 0;min-height:260px}.demo-result strong{font-family:Georgia,serif;font-size:52px;font-weight:400;display:block;line-height:1.2;color:#a2e7d7}.demo-result>div>span{font-size:11px;color:#b4d1d1}.demo-result p{font-family:Arial,sans-serif;font-size:12px;line-height:1.75;color:#c3d6d8;margin:15px 0 0}.demo-result pre{margin:0;padding:20px 15px;background:#071d25;font-size:10px;line-height:2;overflow-x:auto;min-width:0;color:#d5ece8}.demo-note{font-family:Arial,sans-serif!important;font-size:10px!important;line-height:1.7!important;margin:0!important;color:#b4cacc!important;border-top:1px solid #48656b;padding-top:14px}
.story-code{background:#0b202b;color:#dcecea;margin:25px 0;min-width:0}.story-code>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-bottom:1px solid #36515c;font-size:11px;line-height:1.6;color:#b2c9cd}.copy-code{background:none;border:1px solid #466872;border-radius:3px;padding:5px 10px;color:#b3e7df;font-size:10px;flex-shrink:0}.copy-code:hover{border-color:#a1e4d8}.story-code pre{font-family:Consolas,monospace;padding:23px;margin:0;overflow-x:auto;font-size:12px;line-height:1.85;tab-size:2}.recipe-details{border:1px solid #b9c9c4;margin:24px 0}.recipe-details summary{cursor:pointer;padding:19px;font-size:13px;font-weight:600;line-height:1.5;display:flex;justify-content:space-between;gap:12px}.recipe-details summary>span{font-size:18px;font-weight:400}.recipe-details[open] summary>span{transform:rotate(45deg)}.recipe-details .story-code{margin:0}.download-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;background:#d9e8df;border:1px solid #afc9bf;margin:30px 0}.download-panel>span{display:grid;gap:12px}.download-panel small{font-size:9px;letter-spacing:.15em;color:#386a62}.download-panel strong{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.02em}.download-panel>span>span{font-size:11px;color:#4b6763;line-height:1.7}.download-panel>b{font-size:30px;font-weight:400;color:#11675f}.download-panel:hover{background:#cedfd5}
.comparison-date{font-family:Arial,sans-serif!important;font-size:12px!important;line-height:1.8!important;color:#566b70!important}.comparison-scroll{overflow-x:auto;margin:28px 0}.comparison-scroll table{width:100%;border-collapse:collapse;min-width:610px;text-align:left;font-size:12px;line-height:1.85}.comparison-scroll caption{text-align:left;font-weight:700;letter-spacing:.04em;padding-bottom:18px;font-size:13px}.comparison-scroll thead{background:#16353e;color:#dfefec;font-size:10px;letter-spacing:.04em}.comparison-scroll th,.comparison-scroll td{padding:18px 15px;border-bottom:1px solid #c8d2ce;vertical-align:top}.comparison-scroll tbody th{width:23%;font-size:13px}.comparison-scroll td{color:#3e545c}.platform-list{margin:28px 0 36px}.platform-list>div{display:grid;grid-template-columns:190px 1fr;gap:24px;border-top:1px solid #c5d2cd;padding:23px 0}.platform-list dt{font-weight:600;font-size:16px;line-height:1.5}.platform-list dt>span{display:block;font-size:10px;color:#5b7075;font-weight:400;margin-top:8px;line-height:1.6}.platform-list dd{font-family:Georgia,serif;font-size:16px;line-height:1.85;margin:0;color:#3a4f57}
.story-prose blockquote{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:400;line-height:1.4;letter-spacing:-.03em;color:#126660;border-top:1px solid #afc9be;border-bottom:1px solid #afc9be;margin:42px 0;padding:32px 0}.story-author{display:flex;gap:20px;align-items:flex-start;margin-top:42px}.story-author .author-monogram{border-color:#8baca4;width:58px;height:58px;font-size:32px;color:#2d6e65}.story-author>div>span{display:block;font-size:9px;letter-spacing:.13em;color:#59716f;margin:4px 0 10px}.story-author strong{display:block;font-size:22px;font-weight:500}.story-author p{font-family:Arial,sans-serif;font-size:13px;line-height:1.7;margin:9px 0 0;max-width:440px}.story-sources h2{font-size:32px;margin-top:0}.story-sources>p{font-family:Arial,sans-serif;font-size:14px}.story-sources ol{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;padding-left:19px;font-size:11px;color:#5c736f}.story-sources li{padding-left:5px}.story-sources li a{font-size:12px;font-weight:600;color:#176e69;line-height:1.7;text-decoration:underline;text-underline-offset:3px}.story-sources li p{font-family:Arial,sans-serif;font-size:11px;line-height:1.7;margin:6px 0 0;color:#526b69}.story-outro{padding:80px 0 65px}.story-outro>span{font-size:10px;color:#89adaf;letter-spacing:.15em}.story-outro h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.1;font-weight:500;margin:26px 0 30px}.story-outro em{color:#94e5d8}.story-outro>a{display:inline-block;padding:12px 0;border-bottom:1px solid #5da59f;font-size:13px;color:#a1e4d9}.story-outro .back-notes{margin-left:32px;border:0;color:#acbfc4}.story-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #28414a;padding:27px 0;color:#a1b6bd;font-size:11px}.story-footer>a:first-child{font-size:20px;color:#dcefed;font-weight:600}
@media(min-width:1400px){.story-layout{gap:95px}}
@media(max-width:1260px){.story-layout{margin-inline:32px;grid-template-columns:190px minmax(0,1fr);gap:50px}}
@media(max-width:1000px){.story-title-grid{gap:35px;grid-template-columns:1.4fr 1fr}.story-deck p{font-size:17px}.story-layout{grid-template-columns:155px minmax(0,1fr);gap:30px}.story-toc a{font-size:11px}.broker-map{grid-template-columns:1fr}.map-arrow{transform:rotate(90deg);padding:5px}.map-node p{font-size:12px}.map-node small,.runner-boundary>small{font-size:9px}.runner-boundary{padding:16px}.demo-result{grid-template-columns:1fr;gap:20px}.demo-result pre{font-size:11px}.demo-result strong{font-size:42px}.platform-list>div{grid-template-columns:150px 1fr;gap:20px}}
@media(max-width:760px){.story-header,.story-hero,.story-footer,.story-outro{width:calc(100% - 36px)}.story-header{height:76px}.story-header img{width:120px}.story-header nav{gap:20px;font-size:11px}.story-hero{padding-top:35px}.story-title-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}.sandbox-story h1{font-size:clamp(3.8rem,13vw,6rem)}.story-deck p{max-width:550px;font-size:18px;margin-bottom:13px}.story-byline{margin-top:25px}.story-topic{display:none}.story-cover figcaption{display:block;font-size:10px;padding-bottom:25px}.story-cover figcaption span{display:block;margin-bottom:5px}.story-layout{display:block;margin:0;padding:0 22px 60px}.story-toc{padding:28px 0;border-bottom:1px solid #c7d4cd;margin-bottom:36px}.story-toc nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.story-toc p{grid-column:1/-1;margin-bottom:8px}.story-toc a{font-size:11px;padding:10px 0;gap:7px;border:0}.story-toc .toc-download{margin-top:0;align-self:center}.story-prose p{font-size:18px;line-height:1.85}.story-prose h2{font-size:34px}.story-prose h3{font-size:21px}.story-prose section+section{margin-top:48px;padding-top:30px}.technical-figure{padding:20px;margin-inline:-6px}.figure-top{font-size:8px;gap:12px}.figure-top>span:last-child{max-width:120px;text-align:right}.execution-loop{grid-template-columns:1fr 1fr;gap:8px 18px}.execution-loop li{padding-bottom:12px}.result-path{flex-wrap:wrap;justify-content:center;gap:8px}.isolation-figure{grid-template-columns:1fr;padding:20px}.isolation-column{border-bottom:1px solid #bdcec8;padding-bottom:18px}.isolation-column>div{display:block}.isolation-column p{font-size:12px}.reconcile-demo{padding:20px;margin-inline:-6px}.demo-heading{font-size:8px}.demo-steps{gap:7px}.demo-steps button{font-size:10px;min-height:70px}.demo-result pre{font-size:10px}.story-code pre{padding:18px;font-size:11px}.margin-note{padding:18px}.margin-note p{font-size:16px}.download-panel{padding:21px}.download-panel strong{font-size:19px}.platform-list>div{grid-template-columns:1fr;gap:14px}.platform-list dt>span{margin-top:4px}.story-sources ol{grid-template-columns:1fr}.story-footer{flex-wrap:wrap;line-height:1.7}.story-footer>span{order:3;flex-basis:100%}.story-outro{padding:55px 0}.story-prose .story-lead{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sandbox-story *{transition:none!important;animation:none!important}}
@media print{.sandbox-story{background:white;color:black}.story-paper{background:white}.story-header nav,.story-toc,.copy-code,.story-outro,.story-footer,.story-skip{display:none}.story-header,.story-hero{width:100%}.story-title-grid{display:block}.sandbox-story h1{color:black;font-size:44px}.story-deck p,.story-byline strong,.story-byline>div>span,.story-kicker{color:#333}.story-layout{display:block;padding:24px 0;margin:0}.story-prose{max-width:none}.story-prose p{font-size:12pt}.story-cover{max-width:600px}.technical-figure,.reconcile-demo,.story-code{print-color-adjust:exact}.story-code pre{white-space:pre-wrap;overflow-wrap:anywhere}.story-prose section{break-inside:auto}.story-cover figcaption{color:#333}}
/* Scope article typography independently of the existing landing-page theme. */
.sandbox-story{font-family:Arial,Helvetica,sans-serif;line-height:normal}.sandbox-story h1,.sandbox-story h2,.sandbox-story h3{font-family:Arial,Helvetica,sans-serif}.sandbox-story h1 em{font-family:Georgia,serif;font-weight:400}.sandbox-story pre,.sandbox-story code{font-family:Consolas,monospace}.sandbox-story .story-toc nav{top:120px}.sandbox-story .story-prose section{scroll-margin-top:115px}.sandbox-story .story-hero{padding-top:55px}.sandbox-story .story-paper{color-scheme:light}.sandbox-story .technical-figure,.sandbox-story .reconcile-demo,.sandbox-story .story-code{color-scheme:dark}
@media(max-width:760px){.sandbox-story .story-prose section{scroll-margin-top:90px}}