.guide-header{padding-bottom:16px}.guide-header h1{max-width:700px;margin-top:0}.guide-header>p{max-width:680px}.guide p{line-height:1.65}.guide section>p{max-width:680px}.guide section>.eyebrow{margin-bottom:12px}.guide section>h2{margin-bottom:8px}.guide section>h3+p{margin-top:12px}.guide section>p+p{margin-top:16px}.guide section{padding:20px 0}.guide section>h3{max-width:680px;margin-top:24px}.guide h3{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:-.015em;font-weight:500}.guide section>p{color:var(--muted)}.guide figure{margin:32px 0}.guide figcaption{color:var(--muted);font-size:var(--text-xs);margin-top:24px;line-height:1.65}.guide blockquote{font-size:var(--text-sm);margin:24px 0;padding:8px 0}.diagram-number{color:var(--link);font-size:var(--text-xs);display:block}.quadrant-chart{--scale-row:20px;--scale-gap:16px;--cell-inset:20px;gap:var(--scale-gap);display:grid;position:relative}.quadrant-y-axis{top:0;bottom:calc(var(--scale-row) + var(--scale-gap));right:calc(100% + var(--scale-gap));width:1.2em;font-size:var(--text-xs);color:var(--muted);position:absolute}.quadrant-y-axis span{writing-mode:vertical-rl;white-space:nowrap;position:absolute;left:0;transform:rotate(180deg)}.quadrant-y-axis span:first-child{bottom:var(--cell-inset)}.quadrant-y-axis span:last-child{top:var(--cell-inset)}.quadrant-plot{aspect-ratio:1;border:.5px solid var(--sand-6);background:var(--sand-3);border-radius:16px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.quadrant-cell{min-width:0;position:relative}.quadrant-cell:nth-child(odd){border-right:.5px solid var(--sand-6)}.quadrant-cell:nth-child(-n+2){border-bottom:.5px solid var(--sand-6)}.quadrant-cell h3{top:var(--cell-inset);left:var(--cell-inset);right:var(--cell-inset);color:var(--ink);letter-spacing:-.015em;margin:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;position:absolute}.quadrant-cell:nth-child(n+3) h3{top:auto;bottom:var(--cell-inset)}.quadrant-cell:nth-child(2) h3,.quadrant-cell:nth-child(4) h3{text-align:right}.quadrant-markers{margin:0;padding:0;list-style:none;position:absolute;inset:0}.quadrant-markers li{--dot:12.5px;top:calc((100 - var(--y)) * 1% - 1.35em / 2);font-size:14px;line-height:1.35;position:absolute}.quadrant-markers .marker-start{left:calc(var(--x) * 1% - var(--dot) / 2);max-width:max(9em, calc((50 - var(--x)) * 1% - 8px));padding-left:calc(var(--dot) + 7.5px)}.quadrant-markers .marker-end{right:calc((100 - var(--x)) * 1% - var(--dot) / 2);max-width:max(9em, calc((var(--x) - 50) * 1% - 8px));padding-right:calc(var(--dot) + 7.5px);text-align:right}.quadrant-markers li:before{content:"";top:calc((1.35em - var(--dot)) / 2);width:var(--dot);height:var(--dot);background:var(--blue-9);border-radius:50%;position:absolute}.quadrant-markers .marker-start:before{left:0}.quadrant-markers .marker-end:before{right:0}.quadrant-markers a{line-height:1.35;text-decoration:none;display:block}.quadrant-markers a:hover{color:var(--muted)}.quadrant-markers strong{font-size:14px;font-weight:500;line-height:1.35;display:block}.quadrant-markers span{margin-top:4px;font-size:14px;line-height:1.35;display:block}.quadrant-markers .reference-marker{--dot:12px;color:var(--muted)}.quadrant-markers .reference-marker strong{color:var(--sand-12)}.quadrant-markers .reference-marker:before{background:var(--green-9);clip-path:var(--triangle);border-radius:0}.quadrant-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.quadrant-arrows line{stroke:var(--figure-line);stroke-width:var(--figure-line-width);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.quadrant-arrows path{fill:var(--sand-8)}.quadrant-x-axis{padding:0 var(--cell-inset);font-size:var(--text-xs);line-height:var(--scale-row);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.quadrant-legend{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;gap:12px 24px;margin:24px 0 12px;display:flex}.quadrant-legend span{align-items:center;gap:8px;display:inline-flex}.quadrant-legend i{width:12.5px;height:12.5px}.quadrant-legend .catalog-marker{background:var(--blue-9);border-radius:50%}.quadrant-legend .reference-marker-key{background:var(--green-9);width:12px;height:12px;clip-path:var(--triangle)}.guide .quadrant-figure{max-width:none}.guide-faq details{background:var(--sand-3);border-radius:10px;overflow:hidden}.guide-faq details+details{margin-top:12px}.guide-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:8px 12px;font-weight:400;line-height:1.5;display:flex}@media (hover:hover){.guide-faq details:hover{background:var(--sand-4)}}.guide-faq summary:before{content:none}.guide-faq summary .icon{color:var(--muted);flex:none}.guide-faq details[open]>summary .icon{transform:rotate(180deg)}.guide-faq details p{max-width:680px;color:var(--muted);margin:0;padding:0 12px 12px}.dimension-intro{gap:24px;margin-top:24px;display:grid}.dimension-intro h3{margin-bottom:8px;line-height:1.3}.dimension-intro p{font-size:var(--text-sm);color:var(--muted)}.workflow-stack{justify-items:center;padding:32px 0;display:grid}.workflow-node{background:var(--sand-3);text-align:center;border-radius:16px;width:fit-content;max-width:100%;padding:16px}.workflow-node .eyebrow{font-size:var(--text-sm)}.workflow-node strong{font-size:var(--text-sm);margin-top:2px;font-weight:400;display:block}.workflow-context{background:var(--sand-3)}.workflow-connector{justify-content:center;padding:4px 0;display:flex}.workflow-connector svg{fill:none;width:12px;height:32px;stroke:var(--figure-line);stroke-width:var(--figure-line-width);display:block}.placement-notes{margin-top:24px;padding:24px 0}.placement-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.placement-notes summary:before{content:none}.placement-notes summary .icon{width:20px;height:20px;color:var(--muted);flex:none}.placement-notes[open]>summary .icon{transform:rotate(180deg)}.placement-notes ul{padding:0;list-style:none}.placement-notes li{font-size:var(--text-sm);margin-top:24px}.placement-notes li strong{font-weight:400}.placement-notes li p{margin:8px 0}.placement-notes .reference-placement{color:var(--muted)}.core-definition{background:var(--sand-3);text-align:center;border-radius:14px;margin:24px 0;padding:64px 24px}.combination-title{font-size:var(--text-sm);line-height:1.5}.combination-title strong{font-weight:400}.guide .core-definition p{font-family:var(--font-brand);font-size:var(--text-md);max-width:440px;color:var(--blue-9);margin:0 auto;font-weight:800;line-height:1.4}.guide .core-definition strong{color:var(--blue-9);font-weight:500}.guide section>.button{margin-top:16px}.scope-figure{width:100%;margin:24px 0 0}.scope-figure svg{width:100%;height:auto;display:block}.scope-figure .scope-portrait{display:none}.scope-label{fill:var(--muted);letter-spacing:-.01em;font-size:14px}.scope-link{fill:none;stroke:var(--figure-line);stroke-width:var(--figure-line-width)}.scope-node{fill:var(--blue-9);stroke:var(--blue-9);stroke-width:1.2px}.scope-agent{fill:var(--blue-9);stroke:var(--blue-9)}.scope-signal{fill:none;stroke:var(--blue-9);stroke-width:var(--figure-line-width)}.concept-pair svg{fill:none;width:100%;stroke:var(--figure-line);stroke-width:var(--figure-line-width);display:block}.concept-pair svg text{fill:var(--muted);stroke:none;font:12px Areal,sans-serif}.concept-pair svg .agent-dot{fill:var(--accent);stroke:var(--accent)}.guide .concept-definition{font-size:var(--text-sm);max-width:610px;line-height:1.5}.place-panels{margin:24px 0;display:grid}.guide .place-panel{margin:0}.place-panel{flex-direction:column;gap:32px;margin:0;padding:24px 0;display:flex;overflow:hidden}.place-panel+.place-panel{border-top:1px dotted var(--sand-8)}.place-panels-joined .place-panel:first-child{padding-bottom:12px}.place-panels-joined .place-panel:last-child{padding-top:12px}.guide .place-panels-joined figcaption{color:var(--ink);font-weight:500}.guide .place-panel figcaption{font-size:var(--text-sm);margin:0;line-height:1.4}.place-panel figcaption strong{color:var(--ink);font-weight:500;display:block}.place-panel figcaption span{color:var(--muted);margin-top:8px;display:block}.place-scene{--callout-reach:62px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex}.place-scene:has(.place-callout){padding-bottom:var(--callout-reach)}.place-scene-wide{display:block}.exchange-scene,.handoff-scene{height:auto}.place-machine,.place-link{--title-row:20px;--title-gap:8px;--box-width:240px;--box-height:calc(var(--box-width) * 9 / 16);--dot-size:18px;gap:var(--title-gap);grid-template-rows:auto auto;display:grid;position:relative}.place-machine{flex:0 0 var(--box-width);min-width:0}.place-machine-title{min-height:var(--title-row);font-size:var(--text-sm);text-align:center;color:var(--sand-12);line-height:20px;display:block}.place-box{aspect-ratio:16/9;background:var(--sand-3);border-radius:12px;position:relative}.place-agent-dot{background:var(--blue-8);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place-callout{left:50%;top:calc(100% - var(--box-height) / 2 + var(--dot-size) / 2 + 6px);white-space:nowrap;font-size:var(--text-sm);color:var(--blue-9);justify-items:center;gap:6px;display:grid;position:absolute;transform:translate(-50%)}.place-callout-arrow{width:12px;height:calc(var(--box-height) / 2 - var(--dot-size) / 2 + 28px);position:relative}.place-callout-arrow svg{fill:none;width:12px;height:8px;stroke:var(--blue-9);stroke-width:1px;display:block}.place-callout-arrow:after{content:"";background:var(--blue-9);width:1px;position:absolute;top:7px;bottom:0;left:50%;transform:translate(-50%)}@keyframes place-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:no-preference){.place-agent-dot{animation:2.4s ease-in-out infinite place-pulse}}.place-link{flex:none}.exchange-scene{width:100%;height:100%;display:block}.exchange-scene,.exchange-strand{fill:none;stroke:var(--figure-line);stroke-width:var(--figure-line-width)}.exchange-you{fill:var(--panel);stroke:var(--figure-line);stroke-width:var(--figure-line-width)}.exchange-agent{fill:var(--blue-9);stroke:var(--blue-9)}.exchange-scene text{fill:var(--muted);stroke:none}.exchange-signal{fill:none;stroke:var(--blue-9);stroke-width:var(--figure-line-width)}.handoff-scene{width:100%;height:auto;display:block}.handoff-scene text{fill:var(--muted);stroke:none}.handoff-link{fill:none;stroke:var(--figure-line);stroke-width:var(--figure-line-width)}.handoff-away{stroke-dasharray:2 4}.handoff-you{fill:var(--panel);stroke:var(--figure-line);stroke-width:var(--figure-line-width)}.handoff-agent,.handoff-you-active{fill:var(--blue-9);stroke:var(--blue-9);stroke-width:var(--figure-line-width)}.handoff-signal{fill:none;stroke:var(--blue-9);stroke-width:var(--figure-line-width)}.mode-switch-scene{--mode-gutter:88px;color:var(--muted);font-size:12px}.guide .mode-switch-figure>figcaption{color:var(--ink);font-size:var(--text-sm);margin:0 0 16px;font-weight:500}.mode-switch-notes{margin-left:var(--mode-gutter);text-align:center;grid-template-columns:1fr 1.2fr 1fr;line-height:1.5;display:grid}.mode-switch-track{height:282px;margin-left:var(--mode-gutter);position:relative}.mode-switch-track svg{width:100%;height:100%;display:block;overflow:visible}.mode-switch-track path{fill:none;stroke:var(--figure-line);stroke-width:var(--figure-line-width);vector-effect:non-scaling-stroke}.mode-switch-guide{stroke-dasharray:2 4}.mode-switch-track .mode-switch-signal{stroke:var(--blue-9);vector-effect:none}.mode-switch-origin{left:-32px;top:var(--rail-y);width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}.mode-switch-origin:after{content:"";background:var(--figure-line);width:22px;height:1px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.mode-switch-node{box-sizing:border-box;border:1px solid var(--figure-line);background:var(--panel);border-radius:50%;position:absolute;inset:0}.mode-switch-agent,.mode-switch-you-active{border-color:var(--blue-9);background:var(--blue-9)}.mode-switch-background{border-style:dashed}.mode-switch-label{text-align:center;line-height:1.4;position:absolute;top:30px;left:50%;transform:translate(-50%)}.mode-switch-label-above{top:auto;bottom:30px}@media (width<=520px){.mode-switch-scene{--mode-gutter:76px}}@media (prefers-reduced-motion:reduce){.exchange-signal,.handoff-signal,.mode-switch-signal{display:none}}.place-arrow{fill:none;width:64px;stroke:var(--figure-line);stroke-width:var(--figure-line-width);align-self:center}.concept-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin:24px 0;display:grid}.guide .concept-pair figure{min-width:0;margin:0;padding:24px 16px}.concept-pair figure+figure{border-left:1px solid var(--sand-6)}.guide .concept-pair figcaption{margin:16px 0 0;line-height:1.5}.concept-pair figcaption strong{color:var(--ink);font-size:var(--text-md);margin-bottom:8px;display:block}.concept-pair figcaption span{font-size:var(--text-sm);display:block}.concept-combination{max-width:680px;margin:32px 0}.guide .concept-combination>p{font-size:var(--text-sm);margin:0;line-height:1.5}.concept-combination dl{font-size:var(--text-sm);color:var(--muted);border:.5px solid var(--sand-6);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:0;margin:16px 0;display:grid;overflow:hidden}.concept-combination dl>div{display:contents}.concept-combination dt,.concept-combination dd{border-bottom:.5px solid var(--sand-6);margin:0;padding:10px 12px;line-height:20px}.concept-combination dt{background:var(--sand-3);color:var(--ink);border-right:.5px solid var(--sand-6)}.concept-combination dl>div:last-child dt,.concept-combination dl>div:last-child dd{border-bottom:0}.guide .concept-combination .combination-note{font-size:var(--text-sm);color:var(--muted)}.lessons{font-size:var(--text-sm)}.lessons .lesson-meta{font-size:var(--text-sm);color:var(--muted)}.lessons .guide-header{padding-bottom:16px}.lessons .guide-header>*,.lessons .lesson-list,.lesson-detail>article{max-width:680px}.lesson-preview{cursor:pointer;margin-bottom:32px;position:relative}.lesson-preview h2 a:after{content:"";position:absolute;inset:0}.lesson-preview h2{margin:0 0 8px}.lesson-preview h2 a{color:var(--ink);text-decoration:none}.lesson-summary{font-size:var(--text-sm);color:var(--muted);max-width:580px}.lesson-preview:hover h2 a{color:var(--sand-11)}.lesson-preview:hover .lesson-summary{color:var(--subtle)}.lessons-editorial{max-width:620px;color:var(--muted);font-size:var(--text-sm);padding:24px 0 32px}.lesson-back{font-size:var(--text-sm);margin-bottom:32px;display:inline-block}.lesson-detail h1{max-width:640px}.lessons section{padding:20px 0}.lessons blockquote{font-size:var(--text-md);margin:32px 0 8px;padding:8px 0 0}.lessons .quote-credit{color:var(--muted);font-size:var(--text-sm);margin:0 0 24px}.lessons table{table-layout:fixed;border-spacing:0;border:.5px solid var(--sand-6);border-radius:14px;width:100%;margin:24px 0;overflow:hidden}.lessons th,.lessons td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px;line-height:1.5}.lessons th{background:var(--sand-3);font-weight:500}.lessons th:first-child{width:30%}.lessons tbody td{border-top:.5px solid var(--sand-6)}.lessons .lesson-diagram{margin:32px 0 0}.lesson-node{background:var(--sand-3);border-radius:14px;min-width:0;padding:16px}.lesson-node strong{font-size:var(--text-md);font-weight:400;line-height:1.4;display:block}.lesson-diagram>.lesson-node strong{font-size:var(--text-sm);line-height:1.5}.lesson-node small{color:var(--muted);font-size:var(--text-sm);margin-top:6px;line-height:1.5;display:block}.lesson-diagram-tail{font-size:var(--text-sm);margin-top:16px}.lesson-reviewers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lessons .lesson-branches{border-left:1px solid var(--sand-6);margin:0 0 0 16px;padding:16px 0 0 20px;list-style:none}.lesson-branches li{background:var(--sand-3);border-radius:14px;padding:12px 16px;position:relative}.lesson-branches li+li{margin-top:12px}.lesson-branches li:before{content:"";border-top:1px solid var(--sand-6);width:20px;position:absolute;top:50%;left:-20px}.lesson-branches li:after{content:"";background:var(--sand-6);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.lesson-branches strong,.lesson-shared-state strong{font-weight:500;display:block}.lesson-branches span,.lesson-shared-state span{color:var(--muted);margin-top:6px;display:block}.lesson-shared-state{border:1px solid var(--sand-6);text-align:center;border-radius:14px;margin-top:16px;padding:16px;position:relative}.lesson-shared-state:before,.lesson-shared-state:after{content:"";border-left:1px solid var(--sand-6);height:16px;position:absolute;top:-17px}.lesson-shared-state:before{left:25%}.lesson-shared-state:after{left:75%}.lessons .lesson-diagram figcaption{font-size:var(--text-xs);color:var(--muted);margin-top:16px}.lessons figcaption{font-size:var(--text-sm);margin-top:16px}.guide .lesson-sources>h2{margin-bottom:16px}.lesson-related-title{font-size:var(--text-md);margin-top:32px}.lesson-sources ol{font-size:var(--text-sm);margin:0;padding-left:24px}.lesson-sources ol li+li{margin-top:16px}.lesson-sources li span{color:var(--muted);margin-top:8px;display:block}.lesson-sources .resource-links{font-size:var(--text-sm)}.lesson-next{font-size:var(--text-sm);gap:12px;padding:24px 0 32px;display:grid}@media (width<=800px){.scope-figure .scope-wide{display:none}.scope-figure .scope-portrait{display:block}.scope-portrait .scope-label,.place-panel figcaption strong,.place-panel figcaption span,.place-machine-title,.place-callout,.workflow-stack .workflow-node .eyebrow,.workflow-stack .workflow-node strong,.lesson-diagram .lesson-node>span,.lesson-diagram .lesson-node strong,.lesson-diagram .lesson-node small,.lesson-diagram .lesson-versions .diagram-number,.lesson-diagram .lesson-versions strong,.lesson-diagram .lesson-versions p,.lesson-diagram .lesson-branches strong,.lesson-diagram .lesson-branches span,.lessons .lesson-diagram figcaption,.lesson-diagram .lesson-diagram-tail,.lessons table,.lesson-branches,.lesson-shared-state,.guide-faq details,.concept-combination dl,.guide .classification-table{font-size:14px}.handoff-scene text,.exchange-scene text{font-size:29px}.place-scene{flex-direction:column;align-items:center;gap:6px}.place-scene:has(.place-callout){padding-bottom:0}.place-link{grid-template-rows:auto;gap:0;width:64px;height:12px;margin:26px 0;transform:rotate(90deg)}.place-link .place-machine-title{display:none}.place-machine{width:var(--box-width);flex:none;max-width:100%}.place-callout-arrow{display:none}.place-callout{gap:10px}.concept-combination dl{border:0;border-radius:0;display:block;overflow:visible}.concept-combination dl>div{display:block}.concept-combination dl>div+div{margin-top:12px}.concept-combination dl>div dt,.concept-combination dl>div dd{border:.5px solid var(--sand-6)}.concept-combination dl>div dt{border-radius:12px 12px 0 0}.concept-combination dl>div dd{background:var(--panel);border-top:0;border-radius:0 0 12px 12px}.concept-combination dl>div:last-child dt{border-bottom:.5px solid var(--sand-6)}.concept-combination dl>div:last-child dd{border-bottom:.5px solid var(--sand-6);border-top:0}}@media (width<=600px){.guide-header h1{font-size:var(--text-xl)}.guide-header{padding-bottom:16px}.guide section{padding:20px 0}.quadrant-chart{gap:8px}.quadrant-y-axis{width:auto;padding:0 var(--cell-inset);justify-content:space-between;gap:12px;display:flex;position:static}.quadrant-y-axis span{writing-mode:horizontal-tb;position:static;transform:none}.quadrant-plot{aspect-ratio:.82}.quadrant-cell h3{top:12px;left:12px;right:12px}.quadrant-cell:nth-child(n+3) h3{bottom:12px}.quadrant-x-axis,.quadrant-y-axis{display:none}.quadrant-markers li{--dot:10px;white-space:nowrap}.quadrant-markers .reference-marker{--dot:10px}.quadrant-markers .marker-start,.quadrant-markers .marker-end{max-width:none}.quadrant-markers span{display:none}.quadrant-markers strong{font-weight:400}.quadrant-legend{gap:8px 16px}.core-definition{padding:40px 20px}.concept-pair{grid-template-columns:1fr}.concept-pair figure+figure{border-left:0;border-top:1px solid var(--sand-6)}.concept-pair svg{max-width:320px;margin:auto}.workflow-node{padding:16px 12px}.workflow-node .eyebrow,.workflow-node strong{font-size:var(--text-sm)}.lessons .lesson-diagram{padding:0}.lesson-reviewers{gap:8px}.lesson-reviewers .lesson-node{padding:12px}.lesson-meta span{margin:8px 0 0;display:block}}