:root{--page:#f8faff;--surface:#fff;--ink:#172746;--muted:#52617b;--line:#d6deec;--soft:#edf2fa;--accent:#294fb7;--accent-soft:#e8edff;--focus:#224ec5;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);color-scheme:light}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure,blockquote{margin:0}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}html{scroll-padding-top:92px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(38px,6vw,64px);max-width:700px;font-weight:750}h2{font-size:clamp(29px,3.5vw,40px);max-width:740px;font-weight:730}h3{font-size:20px;letter-spacing:-.015em}p{max-width:74ch}strong{font-weight:650}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;margin:0;clip:auto;z-index:10;padding:12px;background:var(--surface)}
.masthead{position:sticky;top:0;z-index:3;border-bottom:1px solid var(--line);background:var(--page)}.masthead-inner{max-width:1192px;padding:12px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.wordmark{color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:40px}.masthead nav{display:flex;gap:22px}.masthead nav a{display:inline-flex;align-items:center;min-height:40px}
.layout{max-width:1192px;margin:auto;padding:48px 28px 80px;display:grid;grid-template-columns:208px minmax(0,1fr);gap:56px}.side-nav{position:sticky;top:105px;align-self:start;font-size:14px}.side-nav>p{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}.side-nav ol{list-style:none;padding:0;margin:0}.side-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--muted);text-decoration:none}.side-nav a:hover{color:var(--accent)}.side-nav a span{font:12px/1.5 ui-monospace,monospace;color:var(--accent)}.side-nav .group{font-size:12px;color:var(--ink);font-weight:650;padding-top:22px}.side-nav .synthesis-link{margin-top:16px;border-top:1px solid var(--line);padding-top:18px;color:var(--accent)}main{min-width:0}.eyebrow{font-size:12px;letter-spacing:.085em;text-transform:uppercase;font-weight:650;color:var(--accent);margin-bottom:14px}.intro{font-size:20px;line-height:1.65;color:var(--muted);margin-top:24px;max-width:630px}.orientation{font-size:15px;margin-top:24px;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{font-size:26px}.overview{margin-top:56px}.overview>p{color:var(--muted);margin:18px 0 24px}.diagram{margin:26px 0 28px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:25px}.figure-label{font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--muted);margin-bottom:20px}.diagram figcaption{font-size:14px;line-height:1.55;color:var(--muted);padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}
.flow{display:flex;align-items:stretch;gap:0;min-width:0}.node{border:1px solid var(--line);background:var(--soft);border-radius:8px;min-width:0;flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:7px;justify-content:center}.node strong{font-size:16px;line-height:1.35;letter-spacing:-.01em}.node span{font-size:14px;line-height:1.5;color:var(--muted)}.node.accent{background:var(--accent-soft);border-color:#aabced}.connector{flex:0 0 68px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:5px;font-size:11px;line-height:1.3;color:var(--muted);gap:6px}.connector b{font:24px/1 sans-serif;color:var(--accent)}.return-line{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}.foundation{margin-top:26px;padding-top:18px;border-top:2px solid var(--line);font-size:13px}.foundation>strong{font-weight:650;display:block;margin-bottom:12px}.foundation>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;color:var(--muted)}.branch{flex:1;min-width:0;display:grid;gap:8px}.branch-label{font-size:11px;color:var(--muted);line-height:1.4}.branch .node{padding:12px}.branch .node strong{font-size:14px}.branch .node span{font-size:12px}.diagram-note{font-size:14px;color:var(--muted);line-height:1.55;margin-top:20px}.diagram-note strong{color:var(--ink)}
.topic-index{margin-top:44px}.topic-index h2{font-size:26px}.topic-index>p{color:var(--muted);font-size:15px;margin:10px 0 20px}.topic-index ol{list-style:none;padding:0;margin:0}.topic-index li{border-top:1px solid var(--line)}.topic-index a{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:17px 0;text-decoration:none;color:var(--ink);align-items:center}.topic-index a:hover strong{color:var(--accent)}.topic-index .index-number{font:13px ui-monospace,monospace;color:var(--accent)}.topic-index strong{font-size:17px;display:block}.topic-index small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:3px}.topic-index .jump-arrow{font-size:20px;color:var(--accent)}
.topic{padding-top:56px;margin-top:56px;border-top:1px solid var(--line)}.topic-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.topic-top .eyebrow{margin:0 0 16px}.topic-top>a{font-size:13px;flex:none}.definition{font-size:19px;line-height:1.65;margin-top:22px;color:var(--muted)}.definition strong{color:var(--ink)}.explain{list-style:none;padding:0;margin:0;counter-reset:point}.explain li{counter-increment:point;display:grid;grid-template-columns:25px 1fr;gap:12px;margin:20px 0;line-height:1.65}.explain li:before{content:counter(point,decimal-leading-zero);font:12px/28px ui-monospace,monospace;color:var(--accent)}.explain li p{color:var(--muted);font-size:16px}.explain li strong{display:block;color:var(--ink);font-size:17px;margin-bottom:3px}.tradeoff{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.tradeoff h3{font-size:16px;letter-spacing:0;margin-bottom:9px}.tradeoff p{font-size:16px;color:var(--muted)}.interview{background:var(--accent-soft);border-radius:9px;padding:23px 25px;margin:28px 0}.interview h3{font-size:13px;letter-spacing:.015em;margin-bottom:12px;color:var(--accent)}.interview blockquote{font-size:17px;line-height:1.65}.links{font-size:14px}.links>strong{font-size:12px;display:block;color:var(--muted);font-weight:500;margin-bottom:7px}.links a{display:inline-block;margin:4px 18px 4px 0;min-height:28px}.sources{margin-top:15px;font-size:12px;color:var(--muted);line-height:1.8}.sources a{display:inline-block;color:var(--muted);margin:4px 12px 4px 0;min-height:24px}
.bucket-note{display:flex;align-items:flex-start;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.bucket-note p{font-size:14px;line-height:1.55;color:var(--muted)}.bucket-note p strong{color:var(--ink)}.token-dots{display:flex;gap:5px;padding-top:6px;flex:none}.token-dots i{width:12px;height:12px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:50%}.machine{flex:1.6;border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}.boundary-label{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:12px}.pod{padding:12px;border:1px solid var(--line);background:var(--page);border-radius:6px}.pod .node{background:var(--accent-soft)}.readiness{display:flex;margin-top:20px;align-items:stretch}.readiness .connector{flex-basis:140px}.readiness .node{padding:12px 16px}.signal-intro{font-size:15px;font-weight:650;margin-bottom:20px}.signal{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--line)}.signal>div:first-child{font-size:15px}.signal>div:first-child strong{display:block}.signal>div:first-child span{font-size:13px;color:var(--muted);display:block;margin-top:4px}.signal p{font-size:14px;color:var(--muted)}.signal code{font-size:12px;overflow-wrap:anywhere}.timeline{display:flex;height:19px;gap:2px;margin:5px 0 12px;border-radius:3px;overflow:hidden}.timeline .auth{flex:5;background:#afbee6}.timeline .wait{flex:15;background:#6682c3}.timeline .model{flex:80;background:var(--accent)}.trace-key{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px}.trace-detail>p{font-size:12px;margin-top:8px}.compare{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:24px;margin-top:24px;padding-top:20px;font-size:14px}.compare p{color:var(--muted);margin-top:5px}.untrusted{padding:16px;border:1px dashed #8699bc;border-radius:8px;font-size:14px}.untrusted strong{display:block;margin-bottom:5px}.untrusted span{color:var(--muted)}.vertical-link{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--muted);padding:10px 0;text-align:center}.vertical-link b{color:var(--accent);font-size:22px;line-height:1.1}.review-matrix{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;line-height:1.45}.review-matrix caption{text-align:left;font-size:15px;font-weight:650;margin-bottom:18px}.review-matrix th,.review-matrix td{border:1px solid var(--line);padding:15px 12px;text-align:left;vertical-align:top;overflow-wrap:break-word}.review-matrix thead{background:var(--soft)}.review-matrix th{font-weight:650}.review-matrix th:first-child{width:25%}.review-matrix td span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.review-followup{margin-top:20px;font-size:14px}.review-followup strong,.review-followup span{display:block}.review-followup span{color:var(--muted);margin-top:7px}.transaction{border:1px solid #aabced;border-radius:8px;flex:1.8;min-width:0;padding:14px}.transaction .node+.node{margin-top:10px}.lost-reply{border:1px dashed #8699bc;border-radius:7px;margin:20px 0;padding:13px 16px;font-size:14px}.lost-reply span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.release-fork{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.release-fork span{display:block;margin-top:6px;color:var(--muted)}
.synthesis{border-top:1px solid var(--line);padding-top:56px;margin-top:56px}.synthesis h2{font-size:32px}.synthesis>p{color:var(--muted);margin:20px 0}.reasoning{padding:0;list-style:none;counter-reset:reason;margin:26px 0}.reasoning li{counter-increment:reason;display:grid;grid-template-columns:28px 1fr;gap:14px;margin:24px 0}.reasoning li:before{content:counter(reason);font:16px/28px ui-monospace,monospace;color:var(--accent)}.reasoning strong{display:block}.reasoning p{font-size:15px;color:var(--muted)}.synthesis .interview p{font-size:17px;line-height:1.7}.footer{font-size:13px;color:var(--muted);margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.footer p+p{margin-top:16px}.footer a{color:var(--muted)}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.diagram{padding:20px}.connector{flex-basis:58px}.node{padding:14px 11px}.signal{grid-template-columns:145px 1fr;gap:16px}}
@media(max-width:900px){.layout{display:block;max-width:816px;padding-top:32px}.side-nav{display:none}.masthead-inner{max-width:816px}.intro{font-size:19px}.overview{margin-top:40px}}
@media(max-width:620px){:root{font-size:16px}.layout{padding:30px 20px 50px}.masthead-inner{padding:7px 20px;gap:10px}.wordmark{font-size:13px}.masthead nav{gap:16px;font-size:12px}.masthead .overview-link{display:none}h1{font-size:42px;line-height:1.08}h2{font-size:29px}.intro{font-size:18px;margin-top:20px}.orientation{font-size:14px}.topic{padding-top:38px;margin-top:38px}.topic-top{align-items:flex-start;gap:12px}.topic-top .eyebrow{font-size:11px;letter-spacing:.055em}.definition{font-size:18px;margin-top:18px}.diagram{padding:18px 16px;margin:24px 0;border-radius:9px}.flow{flex-direction:column}.node{padding:15px 16px}.node strong{font-size:16px}.node span{font-size:14px}.connector{flex:auto;min-height:55px;padding:10px 0;gap:4px;font-size:12px}.connector b{transform:rotate(90deg);line-height:.85}.branch{grid-template-columns:1fr 1fr;gap:10px}.branch-label{grid-column:1/-1;font-size:12px}.branch .node strong{font-size:15px}.branch .node span{font-size:13px}.foundation>div{grid-template-columns:1fr;gap:10px}.return-line{text-align:left}.diagram figcaption{font-size:13px;margin-top:18px;padding-top:16px}.figure-label{margin-bottom:16px}.diagram-note{font-size:13px}.bucket-note{gap:12px}.token-dots{flex-direction:column}.machine{padding:14px}.readiness{flex-direction:column}.readiness .connector{flex:auto}.signal{grid-template-columns:1fr;gap:10px}.signal>div:first-child span{font-size:13px}.signal p{font-size:14px}.signal code{font-size:12px}.compare{grid-template-columns:1fr;gap:18px}.review-matrix{font-size:12px}.review-matrix th,.review-matrix td{padding:12px 7px}.review-matrix th:first-child{width:27%}.review-matrix td span{font-size:11px}.review-matrix caption{font-size:14px}.release-fork{grid-template-columns:1fr;gap:18px}.explain li{gap:9px;grid-template-columns:23px 1fr}.explain li p{font-size:16px}.interview{padding:20px}.interview blockquote{font-size:16px}.topic-index small{font-size:13px}.sources{font-size:12px}.sources a{min-height:28px}.synthesis{padding-top:38px;margin-top:38px}.synthesis h2{font-size:29px}.synthesis .interview p{font-size:16px}}
@media(max-width:360px){.layout{padding-left:16px;padding-right:16px}.masthead-inner{padding-left:16px;padding-right:16px}h1{font-size:37px}.diagram{padding:15px 12px}.branch{grid-template-columns:1fr}.topic-top .eyebrow{max-width:200px}.topic-index a{grid-template-columns:23px 1fr 16px;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:15mm}:root{font-size:10pt;line-height:1.45;color:#111;background:white}.masthead,.side-nav,.topic-index,.topic-top>a,.skip{display:none}.layout{display:block;max-width:none;padding:0}.hero{padding:0}h1{font-size:32pt}h2{font-size:22pt}.intro,.definition{font-size:12pt}.overview{margin-top:22pt}.overview .diagram{margin:16pt 0}.topic{break-before:page;border:0;margin:0;padding:0}.topic-top .eyebrow{font-size:9pt}.diagram{padding:14pt;margin:16pt 0;break-inside:avoid}.flow{flex-direction:row}.connector{flex:0 0 55px}.node strong{font-size:10pt}.node span,.diagram-note,.diagram figcaption{font-size:9pt}.explain li{margin:9pt 0}.explain li p,.tradeoff p{font-size:10pt}.explain li strong{font-size:11pt}.tradeoff{padding-top:12pt;margin-top:12pt}.interview{break-inside:avoid;padding:12pt;margin:14pt 0;background:#f3f5fa}.interview blockquote{font-size:10pt}.links,.sources{font-size:8pt}.sources a{color:#333}.synthesis{break-before:page;margin:0;padding:0;border:0}.synthesis .interview p{font-size:11pt}.reasoning li{margin:14pt 0}.reasoning p{font-size:10pt}.footer{font-size:8pt}.branch{display:grid;grid-template-columns:1fr}.foundation>div{grid-template-columns:1fr 1fr 1fr}.readiness{flex-direction:row}.readiness .connector{flex:0 0 130px}.signal{grid-template-columns:130px 1fr}.release-fork,.compare{grid-template-columns:1fr 1fr}.topic,.synthesis{scroll-margin:0}}

/* Application controls enhance the static guide without changing the reading flow. */
[hidden]{display:none!important}.brand-icon{color:var(--accent);font-size:24px;margin-right:7px}.topic-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-shrink:0}.topic-actions a{font-size:13px}.save-topic,.quiet-control{font:inherit;font-size:13px;font-weight:600;line-height:1.3;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:10px 13px;background:var(--surface);color:var(--ink);cursor:pointer}.save-topic[aria-pressed=true],.quiet-control[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.save-topic:hover,.quiet-control:hover{border-color:var(--accent)}button:disabled{cursor:default;opacity:.5}.topic-tools{margin:23px 0 24px}.topic-tools label{font-size:13px;font-weight:650;display:block;margin-bottom:9px}.search-row{display:flex;gap:10px}.search-row input{width:100%;min-width:0;min-height:46px;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px}.search-row input::placeholder{color:var(--muted)}.search-row button{flex:none}#saved-count{display:inline-block;min-width:20px;padding-left:6px}#search-status{font-size:13px;color:var(--ink);margin-top:12px;min-height:22px}#storage-note{font-size:12px;color:var(--muted);margin-top:5px}.app-status{margin:18px 0}.app-status button{margin-top:10px}.install-help{margin:18px 0}.install-help summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--accent)}.install-help p{margin-top:8px}.component-showcase{max-width:850px;margin:40px auto;padding:24px}.component-showcase h2{margin:30px 0 18px}.component-showcase .states{display:flex;flex-wrap:wrap;gap:14px}.component-showcase [role=alert]{color:#8e301f}
@media(max-width:620px){.topic-top{flex-wrap:wrap;gap:0 12px;margin-bottom:12px}.topic-top .eyebrow{flex:1;margin-bottom:0;min-width:130px}.topic-actions{gap:10px}.topic-actions a{font-size:12px}.save-topic{font-size:12px;padding:8px 10px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row button{min-height:44px}.masthead nav a{font-size:12px}.wordmark{font-size:14px}.brand-icon{font-size:21px}.topic-index a{padding-top:15px;padding-bottom:15px}}
.problem-context{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.problem-context h3{font-size:15px;letter-spacing:0;margin-bottom:8px}.problem-context p{font-size:16px;line-height:1.65;color:var(--muted)}.problem-context h3:not(:first-child){margin-top:18px}.problem-context .interview-question{color:var(--ink)}
@media print{.topic-tools,.save-topic,.app-status,.install-help,.topic-actions{display:none!important}}