.method-quote{margin:0 auto 38px;max-width:880px;text-align:center;font:italic 500 clamp(27px,3vw,39px)/1.3 'Cormorant Garamond',Georgia,serif;color:#42756e;letter-spacing:-.015em;text-wrap:balance}
.architecture-heading{justify-content:center;text-align:center}.architecture-heading h2{font-size:clamp(25px,3.3vw,42px);max-width:none!important}
.architecture-figure{margin-top:24px}.architecture-toolbar{display:flex;align-items:stretch;border:1px solid #c1d9d6;background:#e3f1ef}.architecture-toolbar .system-tabs{flex:1;border:0;background:transparent}.architecture-toolbar .system-tabs button{color:#66807d;font-size:12px;padding:15px 8px}.architecture-toolbar #system-play{min-width:90px;border:0;border-left:1px solid #c1d9d6;background:transparent;color:#3b8d82;font-size:12px}.architecture-toolbar button:focus-visible,.route-options button:focus-visible{outline:2px solid #3da396;outline-offset:-3px}
.architecture-canvas{aspect-ratio:1100/700;min-width:880px;background:radial-gradient(#aabbb927 .7px,transparent .7px);background-size:14px 14px}.architecture-canvas .arch-node{position:absolute;border:1px solid #bdd8d4;border-radius:7px;background:#fcfefe;padding:1.3%;color:#304441;transition:box-shadow .3s,border-color .3s;overflow:hidden}.architecture-canvas .arch-label{display:block;font:500 1.13cqw/1.4 var(--sans);letter-spacing:0;color:#427770}.architecture-canvas h3{font:400 2.3cqw/1.2 Georgia,serif;margin:1cqw 0 .7cqw;letter-spacing:-.025em}.architecture-canvas p{font:400 1.05cqw/1.6 var(--sans);color:#6d8582;margin:.6cqw 0 0}.arch-lane-label{position:absolute;font:500 1.25cqw/1.4 var(--sans);color:#39968a}.improvement-label{left:5%;top:3%}.execution-label{left:5%;top:39%;color:#304946}.execution-boundary{position:absolute;left:3.8%;top:37.5%;width:61.5%;height:52.5%;border:1px dashed #b5d2ce;border-radius:10px;background:#e5f4f233;pointer-events:none}.architecture-canvas .system-wires{z-index:1;pointer-events:none}.arch-node,.arch-lane-label{z-index:2}.arch-wire,.arch-flow{fill:none;stroke:#9ab9b5;stroke-width:1.35;stroke-linejoin:round;marker-end:url(#arch-arrow)}.arch-feedback{stroke-dasharray:4 6;stroke:#82bcb4}.arch-flow{stroke:#3da396;stroke-width:2.2;stroke-dasharray:5 7;animation:arch-flow 1.7s linear infinite;opacity:0}.architecture-canvas .system-wires text{font:12px var(--sans);fill:#6b9a94}
.architecture-canvas .evidence-node{left:5%;top:9.3%;width:24%;height:22.5%}.architecture-canvas .film-window{height:8.3cqw;margin-top:.8cqw}.architecture-canvas .film-track img{width:11.2cqw}.architecture-canvas .evidence-node p{font-size:1cqw;margin-top:.4cqw}.architecture-canvas .reasoner-node{left:38.2%;top:9.3%;width:23.6%;height:22.5%;background:#ddf2ef;text-align:center}.architecture-canvas .reasoner-node .arch-label{font-size:1cqw}.architecture-canvas .editable-node{left:71.4%;top:9.3%;width:23.2%;height:22.5%;background:#edfaf8}.harness-parts{display:flex;gap:.5cqw;margin:1.4cqw 0 .8cqw}.harness-parts span{padding:.5cqw .65cqw;border:1px solid #badcd8;border-radius:3px;font:1.1cqw var(--sans);background:#fcfefe}.harness-revision{font:italic 2.6cqw Georgia,serif;color:#3da396;text-align:center}.harness-revision sub{font-size:.55em}.architecture-canvas .task-node{left:5%;top:44%;width:19.6%;height:8.5%;padding:.8% 1.2%}.architecture-canvas .task-node p{margin:.25cqw 0 0;font-size:.95cqw}.architecture-canvas .router-node{left:5%;top:58%;width:19.6%;height:20%;padding:1.3%;background:#edf8f7;border-radius:7px;text-align:left}.architecture-canvas .router-node h3{font-size:1.65cqw;margin:1.3cqw 0 1cqw}.architecture-canvas .skills-node{left:32.6%;top:44%;width:30.6%;height:37%;padding:1% 1.2%;background:#fbfefe}.route-options{display:grid;gap:.6cqw;margin-top:.65cqw}.route-options button{border:1px solid #cfe3e0;border-radius:4px;background:#f5faf9;padding:.8cqw 1cqw;text-align:left;color:#6a807d;transition:background .25s,border-color .25s}.route-options button b{display:block;font:500 1.26cqw/1.4 var(--sans)}.route-options button small{display:block;font:400 1cqw/1.5 var(--sans);margin-top:.2cqw}.route-options button[aria-pressed=true]{background:#d3efeb;border-color:#60aea4;color:#35776e}.architecture-canvas .physical-api-node{left:72.3%;top:44%;width:22.7%;height:8.5%;padding:.8% 1.2%}.architecture-canvas .physical-api-node p{font-size:.95cqw;margin:.25cqw 0 0}.architecture-canvas .rollout-node{left:72.3%;top:58%;width:22.7%;height:23%;padding:0;background:#1e2827}.rollout-node video{width:100%;height:100%;object-fit:cover}.rollout-label{position:absolute;bottom:0;left:0;right:0;background:#1e2827c9;color:#f4fcfb;padding:.45cqw .7cqw;font:.9cqw var(--sans)}
.architecture-canvas[data-stage="0"] .review-flow,.architecture-canvas[data-stage="1"] .route-flow,.architecture-canvas[data-stage="2"] .execute-flow,.architecture-canvas[data-stage="3"] .revise-flow{opacity:1}.architecture-canvas[data-stage="0"] .evidence-node,.architecture-canvas[data-stage="0"] .reasoner-node,.architecture-canvas[data-stage="1"] .router-node,.architecture-canvas[data-stage="2"] .physical-api-node,.architecture-canvas[data-stage="2"] .skills-node,.architecture-canvas[data-stage="3"] .editable-node{box-shadow:0 0 0 3px #3da39615;border-color:#67b0a6}.architecture-canvas[data-stage="3"] .harness-revision{animation:revision-glow 2.2s ease-in-out infinite}.memory-explainer p{color:#658480;max-width:310px;font:14px/1.7 var(--sans)}.memory-visual{background:radial-gradient(#8ab8b244 .7px,transparent .7px)}
@keyframes arch-flow{to{stroke-dashoffset:-48}}@keyframes revision-glow{50%{opacity:.35;transform:translateY(-2px)}}
@media(max-width:600px){.method-quote{font-size:27px;margin-bottom:27px}.method-quote br{display:none}.architecture-toolbar #system-play{min-width:65px;font-size:10px}.architecture-toolbar .system-tabs button{font-size:10px;padding:13px 4px}.architecture-heading h2{font-size:28px}.architecture-canvas{min-width:880px}.memory-explainer h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.architecture-canvas *{animation:none!important;transition:none!important}}

.architecture-explainer{max-width:840px;margin:0 auto 26px;font:400 16px/1.8 var(--serif);color:#526663;text-align:center;text-wrap:pretty}.architecture-explainer span{color:#39968a}.improvement-boundary{position:absolute;left:3.8%;top:1.5%;width:59.5%;height:32%;border:1px dashed #b5d2ce;border-radius:10px;background:#e5f4f233;pointer-events:none}.execution-composition{position:absolute;left:5%;top:85.5%;font:400 1.12cqw/1.4 var(--sans);color:#427770;z-index:2}.architecture-canvas .harness-artifact-label{font-size:.95cqw;margin:.4cqw 0 0}.editable-node .harness-parts{margin:.8cqw 0 .5cqw;gap:.4cqw}.editable-node .harness-parts span{font-size:1cqw;padding:.45cqw .55cqw}.editable-node .harness-revision{font-size:2.2cqw}
@media(max-width:600px){.architecture-explainer{font-size:15px;text-align:left}}

.architecture-canvas .memory-polarities{display:flex;justify-content:space-between;gap:.5cqw;font-size:.9cqw;color:#3b9b8e}
.layout-evolution{margin:24px 0 0;padding:23px 26px;border:1px solid #c2ddd9;border-radius:7px;background:#f0faf9}.layout-loop-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.layout-loop-heading h3{margin:0;color:#348076;font:400 29px/1.2 'Caveat',cursive}.layout-loop-heading>span{font:11px/1.5 var(--sans);color:#74928e}.layout-loop-steps{list-style:none;padding:0;margin:23px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.layout-loop-steps li{position:relative;min-width:0}.layout-loop-steps li+li:before{content:'→';position:absolute;left:-21px;top:47px;color:#82b7b0}.layout-loop-steps strong{display:block;font:500 13px/1.6 var(--sans);color:#446561}.layout-loop-steps small{display:block;font:11px/1.6 var(--sans);color:#759692}.loop-step-symbol,.layout-mini{display:block;height:47px;color:#3da396;font:400 30px/1.3 'Caveat',cursive}.layout-mini svg{width:94px;height:42px;fill:#dff4f1;stroke:#74ada5;stroke-width:1.2}.layout-mini svg circle,.layout-mini svg path{fill:#5db7ab;stroke:none}.layout-generations{display:flex;align-items:center;gap:15px;padding-top:15px;border-top:1px dashed #b9d9d5;color:#479b90;font:italic 17px Georgia,serif}.layout-generations i{font:12px var(--sans);color:#8abab4}.layout-generations small{margin-left:auto;font:11px var(--sans);color:#759692}.layout-generations span:last-of-type{color:#24897b}
@media(max-width:600px){.layout-evolution{padding:19px 17px}.layout-loop-heading{display:block}.layout-loop-heading>span{display:block;margin-top:6px}.layout-loop-steps{grid-template-columns:1fr 1fr;gap:22px 25px}.layout-loop-steps li:nth-child(3):before{display:none}.layout-loop-steps strong{font-size:12px}.layout-generations{gap:10px;flex-wrap:wrap}.layout-generations small{flex-basis:100%;margin:0}}

.method-case-loop{margin:24px 0 0}.loop-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:25px}.loop-case-node{min-width:0;position:relative}.loop-node-label{display:block;font:500 12px var(--sans);color:#47968c;margin-bottom:12px}.loop-case-node video,.loop-case-node img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#23312f;border-radius:5px}.loop-case-node>p{font:13px/1.5 'Caveat',cursive;color:#53807a;margin:10px 0 0}.loop-case-node+.loop-case-node:before{content:'→';position:absolute;left:-22px;top:45%;color:#72b5ac;font:20px 'Caveat',cursive}.loop-skill-patch{aspect-ratio:4/3;background:#253432;border-radius:5px;padding:17px 13px;display:flex;flex-direction:column;justify-content:center;color:#cef2ed}.loop-skill-patch>span{font:italic 26px Georgia,serif;color:#a5e7de;margin-bottom:13px}.loop-skill-patch pre{margin:0;font:9px/1.8 var(--mono);white-space:pre;overflow:auto}.loop-skill-patch code{font:inherit}.loop-return{position:relative;height:55px;margin:5px 0 14px}.loop-return svg{display:block;width:100%;height:100%}.loop-return>span{position:absolute;left:50%;top:25px;transform:translateX(-50%);padding:5px 13px;background:#f0faf9;white-space:nowrap;color:#50a095;font:17px 'Caveat',cursive}.method-case-loop .layout-generations{justify-content:center;border:0;padding-top:0}
@media(max-width:950px){.loop-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 27px}.loop-case-node:nth-child(3):before{display:none}.loop-skill-patch pre{font-size:12px}.loop-case-node>p{font-size:18px}.loop-return>span{font-size:16px}}
@media(max-width:600px){.loop-case-grid{gap:20px 16px}.loop-node-label{font-size:10px}.loop-case-node+.loop-case-node:before{left:-15px;font-size:15px}.loop-skill-patch{padding:9px 7px}.loop-skill-patch>span{font-size:20px;margin-bottom:8px}.loop-skill-patch pre{font-size:8px;line-height:1.6}.loop-case-node>p{font-size:16px}.loop-return>span{font-size:13px;padding-inline:5px}}

.loop-case-node img{height:auto}.loop-case-node>p{font-size:18px}.loop-skill-patch pre{font-size:11px}
@media(max-width:600px){.loop-case-node>p{font-size:16px}.loop-skill-patch pre{font-size:8px}}