.technical-page{--tech-bg:#fff;--tech-ink:#17212f;--tech-muted:#526074;--tech-line:#d8dfe8;--tech-accent:#255bd7;background:var(--tech-bg);color:var(--tech-ink);min-height:100vh;font-family:Arial,Helvetica,sans-serif}.technical-page .editorial-header{background:var(--tech-bg);border-bottom:1px solid var(--tech-line);min-height:88px}.technical-page .editorial-header .wordmark,.technical-page .editorial-header nav a{color:var(--tech-ink)}.technical-page .editorial-header .wordmark{letter-spacing:-.02em;font-size:15px}.technical-page .editorial-header nav a{color:var(--tech-muted);font-size:14px}.technical-page .editorial-header nav a:hover,.technical-page .mobile-menu-toggle{color:var(--tech-ink)}.technical-page .editorial-footer{color:var(--tech-muted);border-top:1px solid var(--tech-line);background:var(--tech-bg);margin:0;padding:35px 5vw}.technical-page a:focus-visible{outline:2px solid var(--tech-accent);outline-offset:5px}.technical-page [tabindex]:focus-visible{outline:2px solid var(--tech-accent);outline-offset:5px}.technical-shell{max-width:1280px;margin:auto;padding:0 56px}.technical-intro{border-bottom:1px solid var(--tech-line);padding:76px 0 40px}.tech-eyebrow{color:var(--tech-accent);letter-spacing:.01em;align-items:center;gap:12px;margin:0;font-size:12px;line-height:1.5;display:flex}.tech-eyebrow>span:last-child{color:var(--tech-muted)}.tech-mark{font-size:23px}.technical-intro h1{letter-spacing:-.055em;margin:26px 0 22px;font-size:clamp(42px,5.8vw,76px);font-weight:400;line-height:1.08}.tech-deck{color:#354256;letter-spacing:-.025em;margin:0;font-size:clamp(20px,2.3vw,28px);line-height:1.45}.tech-intro-bottom{justify-content:space-between;align-items:end;gap:32px;margin-top:36px;display:flex}.tech-intro-bottom p{max-width:500px;color:var(--tech-muted);margin:0;font-size:14px;line-height:1.6}.tech-intro-bottom a,.tech-source-links a{color:var(--tech-accent);white-space:nowrap;font-size:13px;text-decoration:none}.tech-intro-bottom a:hover,.tech-source-links a:hover{text-underline-offset:5px;text-decoration:underline}.tech-intro-bottom a span{margin-left:12px}.technical-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:48px;display:grid}.technical-index{padding-top:48px;position:sticky;top:32px}.technical-index nav>p{letter-spacing:.1em;color:var(--tech-muted);margin:0 0 24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.technical-index nav a{color:#526074;gap:13px;padding:10px 0;font-size:12px;text-decoration:none;display:flex}.technical-index nav a span{color:#526074;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.technical-index nav a:hover{color:var(--tech-accent)}.tech-readme{color:var(--tech-muted);margin-top:30px;font-size:11px;text-decoration:none;display:inline-block}.tech-section{border-bottom:1px solid var(--tech-line);padding:48px 0;scroll-margin-top:32px}.tech-section:last-child{border-bottom:0;padding-bottom:72px}.tech-section-heading{align-items:baseline;gap:15px;margin-bottom:20px;display:flex}.tech-section-heading>span{color:#255bd7;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.tech-section h2{letter-spacing:-.035em;margin:0;font-size:27px;font-weight:400;line-height:1.25}.tech-section>p,.tech-two-columns p,.tech-example>p:last-child,.tech-status p{color:var(--tech-muted);margin:0 0 20px;font-size:15px;line-height:1.75}.tech-section p strong{color:var(--tech-ink);font-weight:400}.tech-section h3{color:#17212f;margin:0 0 9px;font-size:15px;font-weight:500;line-height:1.5}.system-figure{margin:30px 0}.figure-bar{border:1px solid var(--tech-line);color:var(--tech-muted);border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;gap:16px;padding:14px 18px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.figure-bar span:first-child{color:var(--tech-accent);letter-spacing:.05em}.diagram-scroll{border:1px solid var(--tech-line);background-color:#121a16;background-image:radial-gradient(#2b3b30 .6px,#0000 .6px);background-size:16px 16px;border-radius:0 0 6px 6px;overflow-x:auto}.diagram-scroll svg{width:100%;min-width:660px;height:auto;display:block}.diagram-node{fill:#17221b;stroke:#425247;stroke-width:1px}.diagram-node-accent{fill:#243329;stroke:#819c84}.diagram-label{fill:#e0e8e0;font:14px Arial,sans-serif}.diagram-detail{fill:#aab8ac;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.diagram-annotation{fill:#849889;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.diagram-path{fill:none;stroke:#718b83;stroke-width:1px}.diagram-boundary{stroke:#425247;stroke-width:1px;stroke-dasharray:3 4}.system-figure figcaption{color:#526074;margin-top:12px;font-size:11px;line-height:1.6}.tech-two-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tech-two-columns p{margin-bottom:0;font-size:13px}.delivery-sequence{margin:28px 0;padding:0;list-style:none}.delivery-sequence li{grid-template-columns:28px 1fr;gap:18px;padding-bottom:25px;display:grid;position:relative}.delivery-sequence li:not(:last-child):after{content:"";background:#d8dfe8;width:1px;position:absolute;top:28px;bottom:4px;left:12px}.delivery-sequence li:last-child{padding-bottom:0}.delivery-sequence li>span{width:26px;height:26px;color:var(--tech-accent);border:1px solid #b3bfd0;border-radius:50%;place-items:center;font:10px ui-monospace,monospace;display:grid}.delivery-sequence h3{margin:1px 0 5px}.delivery-sequence p{color:var(--tech-muted);margin:0;font-size:14px;line-height:1.65}.tech-section .tech-margin-note{color:var(--tech-accent);border-left:2px solid #7095e9;margin:25px 0 0;padding-left:16px;font-size:13px}.execution-strip{border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);color:var(--tech-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 5px;padding:22px 0;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.execution-strip b{color:#526074;font-weight:400}.execution-outcomes{margin:10px 0 28px}.execution-outcomes>div{border-bottom:1px solid var(--tech-line);grid-template-columns:150px 1fr;gap:20px;padding:15px 0;display:grid}.execution-outcomes dt{align-items:baseline;gap:9px;font-size:12px;display:flex}.execution-outcomes dd{color:var(--tech-muted);margin:0;font-size:13px;line-height:1.6}.outcome-dot{background:#27724c;border-radius:50%;width:5px;height:5px;display:inline-block}.outcome-dot.pending{background:#946c19}.outcome-dot.uncertain{background:#9b5139}.tech-example{border:1px solid var(--tech-line);background:#f3f6fc;border-radius:5px;padding:22px 25px}.tech-example .tech-eyebrow{margin-bottom:15px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.tech-example>p:last-child{margin-bottom:0;font-size:13px}.tech-status{border-top:1px solid var(--tech-line);margin-top:28px;padding-top:25px}.tech-status-label{color:var(--tech-accent);margin-bottom:15px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.tech-status p{margin-bottom:0;font-size:14px}.tech-stack>div{border-bottom:1px solid var(--tech-line);grid-template-columns:140px 1fr;gap:22px;padding:17px 0;display:grid}.tech-stack h3{margin:0;font-size:13px}.tech-stack p{color:#354256;margin:0 0 5px;font-size:13px;line-height:1.5}.tech-stack span{color:var(--tech-muted);font-size:12px;line-height:1.6}.tech-source-links{flex-wrap:wrap;gap:25px;margin-top:28px;display:flex}@media (max-width:1000px){.technical-shell{padding-inline:32px}.technical-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.tech-two-columns{grid-template-columns:1fr;gap:20px}.figure-bar span:last-child{display:none}.technical-layout{display:block}.technical-index{border-bottom:1px solid var(--tech-line);padding:20px 0;position:static}.technical-index nav{flex-wrap:wrap;column-gap:22px;display:flex}.technical-index nav>p,.tech-readme{display:none}.technical-index nav a{gap:8px}.tech-two-columns{grid-template-columns:1fr 1fr}}@media (max-width:720px){.technical-shell{padding-inline:22px}.technical-intro{padding-top:42px}.tech-intro-bottom{display:block}.tech-intro-bottom a{margin-top:22px;display:inline-block}.technical-layout{display:block}.technical-index{border-bottom:1px solid var(--tech-line);padding-top:22px;padding-bottom:20px;position:static}.technical-index nav{flex-wrap:wrap;column-gap:20px;display:flex}.technical-index nav>p,.tech-readme{display:none}.technical-index nav a{gap:6px;padding:7px 0;font-size:11px}.tech-section{padding:32px 0}.tech-section h2{font-size:24px}.tech-section>p{font-size:14px}.tech-desktop-break{display:none}.technical-page .editorial-header{min-height:70px}.tech-eyebrow{gap:8px;font-size:10px}.execution-outcomes>div{grid-template-columns:1fr;gap:8px}.tech-stack>div{grid-template-columns:1fr;gap:7px}.execution-strip{justify-content:flex-start;line-height:1.8}.tech-example{padding:20px}}@media (max-width:520px){.tech-two-columns{grid-template-columns:1fr}.system-figure figcaption:before{content:"Scroll horizontally to explore. ";color:var(--tech-accent)}}.tech-reading{min-width:0}.technical-page{--shell-bg:#fff;--shell-ink:#354256;--shell-rule:#e6e9ee}.technical-shell{width:min(1240px,90%);max-width:none;padding:0}.technical-intro{grid-template-columns:1.15fr 1.3fr;align-items:center;gap:4%;padding-block:84px 76px;display:grid}.technical-intro h1{margin-top:24px;font-size:clamp(48px,5.5vw,78px)}.tech-intro-bottom{margin-top:24px;display:block}.tech-intro-bottom a{margin-top:24px;display:inline-block}.technical-frontispiece{min-width:0;margin:0;padding:0}.technical-frontispiece img{background:#f8f6f0;border:1px solid #dfded7;border-radius:3px;width:100%;height:auto;display:block}.technical-frontispiece figcaption{color:var(--tech-muted);margin-top:14px;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.system-figure .figure-bar{color:#77716a;background:#f6f3ec;border-color:#ddd8cc}.system-figure .figure-bar span:first-child{color:#7d5242}.system-figure .diagram-scroll{background-color:#fcfaf5;background-image:radial-gradient(#ddd8cd .6px,#0000 .6px);border-color:#ddd8cc}.system-figure .diagram-node{fill:#fffcf7;stroke:#c6bba8}.system-figure .diagram-node-accent{fill:#f1f6fa;stroke:#78a6c3}.system-figure .diagram-label{fill:#3c352f}.system-figure .diagram-detail{fill:#70675f}.system-figure .diagram-annotation{fill:#857b6e}.system-figure .diagram-path{stroke:#ac8976}.system-figure .diagram-boundary{stroke:#c8b8a2}@media (max-width:800px){.technical-intro{grid-template-columns:1fr;gap:32px;padding-block:44px 48px}.technical-frontispiece{width:100%}.technical-intro h1{margin-top:20px}}.technical-page{-webkit-font-smoothing:antialiased}.technical-page .technical-intro h1{letter-spacing:-.045em;text-wrap:pretty;font-size:clamp(48px,5.5vw,78px);font-weight:500;line-height:1.04}.technical-page .tech-section h2{letter-spacing:-.045em;text-wrap:pretty;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.14}.technical-page .tech-section h3{letter-spacing:-.025em;text-wrap:pretty;font-size:25px;font-weight:500;line-height:1.3}.technical-page .tech-deck{letter-spacing:normal;font-size:23px;font-weight:400;line-height:1.55}.technical-page :is(.tech-intro-bottom p,.tech-section>p,.tech-two-columns p,.delivery-sequence p,.tech-example>p:last-child,.tech-status p){letter-spacing:normal;color:#354256;font-size:18px;line-height:1.7}.technical-page :is(.tech-eyebrow,.technical-index nav>p,.technical-index nav a span,.tech-section-heading>span,.figure-bar,.delivery-sequence li>span,.execution-strip,.tech-status-label,.technical-frontispiece figcaption){letter-spacing:normal;font-family:Arial,Helvetica,sans-serif}.technical-page :is(.tech-eyebrow,.tech-readme,.tech-section-heading>span,.technical-index nav a,.technical-index nav a span,.tech-intro-bottom a,.tech-source-links a,.execution-outcomes dt,.tech-stack span,.system-figure figcaption,.technical-frontispiece figcaption,.tech-status-label){font-size:14px;line-height:1.65}.technical-page :is(.execution-outcomes dd,.tech-stack p,.execution-strip){font-size:16px;line-height:1.65}.technical-page .tech-stack h3{letter-spacing:-.025em;font-size:18px}.technical-page .figure-bar{font-size:12px;line-height:1.5}.technical-page :is(.diagram-detail,.diagram-annotation){font-family:Arial,Helvetica,sans-serif}.technical-page .diagram-detail{font-size:12px}.technical-page .diagram-annotation{font-size:11px}@media (max-width:1000px){.technical-page .technical-intro h1{font-size:55px}.technical-page .tech-deck{font-size:20px}.technical-page .tech-intro-bottom p{font-size:16px}}@media (max-width:600px){.technical-page .technical-intro h1{font-size:clamp(42px,10.5vw,62px)}.technical-page .tech-deck{font-size:21px}.technical-page :is(.tech-section>p,.tech-two-columns p,.delivery-sequence p,.tech-example>p:last-child,.tech-status p){font-size:17px;line-height:1.65}}@media (max-width:1000px){.technical-page .technical-intro .tech-intro-bottom p{font-size:16px;line-height:1.7}}.technical-page .delivery-sequence li{border-bottom:1px solid var(--tech-line);padding:18px 0;display:block}.technical-page .delivery-sequence li:after{display:none}.technical-page .execution-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.technical-page .execution-strip>span{border-left:1px solid var(--tech-line);padding:0 16px}.technical-page .execution-strip>span:first-child{border-left:0;padding-left:0}.technology-logos{flex-wrap:wrap;gap:16px 24px;margin-bottom:10px;display:flex}.technical-page .technology-logo{color:var(--tech-ink);align-items:center;gap:9px;display:inline-flex}.technology-logo img{object-fit:contain;flex:none;width:24px;height:24px}.technical-page .technology-logo>span{color:var(--tech-ink);font-size:16px}@media (max-width:600px){.technical-page .execution-strip{grid-template-columns:1fr 1fr;gap:18px 0}.technical-page .execution-strip>span:nth-child(3){border-left:0;padding-left:0}}.system-mobile{display:none}@media (max-width:600px){.technical-page .technical-intro{gap:24px;padding-block:32px}.technical-page .technical-intro h1{margin-top:0}.technical-page .diagram-scroll{display:none}.technical-page .system-figure figcaption:before{content:none}.system-mobile{background:#fcfaf5;border:1px solid #ddd8cc;gap:16px;padding:18px;display:grid}.mobile-system-node{background:#fff;border:1px solid #d5dce3;border-radius:4px;gap:4px;padding:12px;display:grid}.mobile-system-node strong{font-size:14px;font-weight:500}.mobile-system-node span{color:#526074;font-size:13px;line-height:1.5}.mobile-system-branch{border-left:2px solid #b7cfe0;gap:10px;padding-left:12px;display:grid}.technical-page .tech-section .mobile-system-branch h3{margin:0;font-size:14px}.technical-page .tech-section h2{font-size:26px;line-height:1.2}.technical-page .tech-section h3{font-size:18px;line-height:1.35}.technical-page :is(.tech-section>p,.tech-two-columns p,.delivery-sequence p,.tech-example>p:last-child,.tech-status p){font-size:15px;line-height:1.6}.technical-page :is(.execution-outcomes dd,.tech-stack p,.execution-strip){font-size:14px}.technical-page .tech-stack>div{grid-template-columns:1fr;gap:12px}.technical-page .technology-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.technical-page .technology-logo{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.technical-page .technology-logo>span{grid-column:2;font-size:14px;line-height:1.4}.technical-page .technology-logo img{grid-area:1/1}}.technology-logo img{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
