.pattern-world{background:radial-gradient(ellipse at 90% 0,#2b5644,transparent 40%),#0b2426;color:#edf0df;padding-bottom:60px}.pattern-intro{padding-block:55px 45px}.pattern-intro .breadcrumb{color:#c3d7c7}.pattern-world .eyebrow{color:#dfc58a;font-size:.68rem;letter-spacing:.16em}.pattern-intro .eyebrow{margin-top:35px}.pattern-intro h1{font-size:clamp(3.3rem,6.5vw,6.5rem);line-height:1;letter-spacing:-.06em;margin:24px 0}.pattern-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#dfc58a}.pattern-intro>p:not(.eyebrow){max-width:650px;color:#c5d8ca;line-height:1.8;font-size:1.1rem}.pattern-families{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.pattern-families a{padding:18px 22px;background:#24463988;border:1px solid #78917660;border-radius:8px;color:#e6edda;text-decoration:none;font-size:.85rem}.pattern-families span{display:block;font:italic 1.8rem Georgia;color:#dfc58a;margin-top:6px}.pattern-workspace{display:grid;grid-template-columns:255px minmax(0,1fr);gap:30px;align-items:start}.pattern-tree{position:sticky;top:110px;max-height:calc(100vh - 135px);overflow:auto;padding:20px 18px;background:#102e2a;border:1px solid #78917650;border-radius:10px;scrollbar-width:thin}.tree-root{font-size:.67rem;letter-spacing:.18em;color:#dfc58a;border-bottom:1px solid #67846a60;padding-bottom:18px}.pattern-branch{margin-top:22px;scroll-margin-top:130px}.pattern-branch summary{cursor:pointer;font-size:.95rem;font-weight:600}.pattern-branch summary>span{font-size:.65rem;color:#d8bd7f}.pattern-branch summary small{float:right;color:#c6d5bb}.pattern-branch>p{font-size:.72rem;color:#a9c1ad;line-height:1.6}.pattern-branch ul{list-style:none;padding:0 0 0 14px;margin-left:6px;border-left:1px solid #77977270}.pattern-branch li{position:relative}.pattern-branch li:before{content:"";position:absolute;top:19px;left:-14px;width:12px;height:1px;background:#77977270}.pattern-branch a{display:block;padding:10px;border-radius:5px;font-size:.81rem;line-height:1.35;color:#caddc8;text-decoration:none}.pattern-branch a:hover{background:#30503c}.pattern-branch a[aria-current=true]{background:#dfc58a;color:#143a2d;font-weight:700}.pattern-reader{min-width:0}.pattern-article{background:#f4f0e4;color:#25483c;border-radius:14px;overflow:hidden;padding:clamp(22px,3vw,42px);scroll-margin-top:110px;margin-bottom:24px;box-shadow:0 15px 50px #0002}.pattern-article .eyebrow{color:#5c725c}.pattern-article h2{font-size:clamp(2.4rem,4vw,4.1rem);line-height:1.08;letter-spacing:-.05em;margin:16px 0 22px}.pattern-article h2 span{color:#ad8843}.pattern-definition{font-size:1.05rem;line-height:1.8}.pattern-example{padding:15px 18px;border-left:3px solid #bba165;background:#e6e8d8;font-size:.9rem;line-height:1.7;margin:24px 0}.pattern-diagram{position:relative;height:350px;background:radial-gradient(ellipse,#244e40,#12342e);border-radius:10px;overflow:hidden;margin-top:28px;isolation:isolate}.pattern-diagram:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a2bd9122 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.pattern-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pattern-wires path{fill:none;stroke:#87a98a80;stroke-width:1.5}.pattern-wires path.is-active{stroke:#f2ce7c;stroke-width:2.5;stroke-dasharray:7 5;animation:pattern-flow 1s linear infinite}.pattern-wires text{font-family:inherit;font-size:10px;fill:#cee0c8;paint-order:stroke;stroke:#153b30;stroke-width:5px;stroke-linejoin:round}.pattern-node{position:absolute;transform:translate(-50%,-50%);width:36%;max-width:205px;min-height:74px;padding:10px 12px;background:#285240;border:1px solid #8eaa7f;border-radius:8px;color:#f4eedc;font:600 .85rem/1.4 inherit;cursor:pointer;box-shadow:4px 5px 0 #091d2240;transition:background .25s,box-shadow .25s}.pattern-node span{display:block;font:italic 1.3rem Georgia;color:#ddc287;margin-bottom:4px}.pattern-node.is-active{background:#dfc58a;color:#183e30;border-color:#dfc58a;box-shadow:0 0 25px #d8b96730}.pattern-node.is-active span{color:#54623b}.pattern-node[aria-pressed=true]{outline:2px solid #e8e8d4;outline-offset:4px}.diagram-key{font-size:.73rem;line-height:1.65;color:#5c705f;margin-top:12px}.pattern-controls{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px}.pattern-controls button{background:#214b3d;color:#f2eddd;border:1px solid #577a5a;border-radius:25px;padding:11px 15px;cursor:pointer;font:inherit;font-size:.8rem}.pattern-controls button[data-action=play]{background:#dfc58a;color:#183e30}.pattern-controls button:disabled{opacity:.4;cursor:default}.pattern-narration{background:#e2e8d6;border-left:3px solid #6c895f;padding:20px;min-height:135px}.pattern-narration strong{font-size:.78rem;letter-spacing:.02em}.pattern-narration p{font-size:.95rem;line-height:1.8;margin:10px 0 0}.pattern-transcript{border-block:1px solid #bdc8b0;padding:18px 0;margin:25px 0}.pattern-transcript summary{cursor:pointer;font-weight:600;font-size:.85rem}.pattern-transcript li{line-height:1.8;margin-bottom:14px;font-size:.88rem}.pattern-notes{display:grid;gap:18px}.pattern-notes h3{font-size:1.05rem;margin-bottom:9px}.pattern-notes p{font-size:.9rem;line-height:1.8;margin:0}.pattern-footnote{color:#b8cdbb;font-size:.8rem;line-height:1.8;padding-top:40px;max-width:900px}.pattern-footnote a{color:#dfc58a}.pattern-world [hidden]{display:none!important}.pattern-world :focus-visible{outline:3px solid #c39543;outline-offset:4px}.pattern-world.flow-paused .is-active{animation-play-state:paused}.pattern-article:focus{outline:none}@keyframes pattern-flow{to{stroke-dashoffset:-24}}@media(max-width:950px){.pattern-workspace{grid-template-columns:210px minmax(0,1fr);gap:16px}.pattern-node{font-size:.73rem}.pattern-wires text{font-size:9px}.pattern-article{padding:22px}}@media(max-width:720px){.pattern-workspace{display:block}.pattern-tree{position:relative;top:auto;max-height:350px;margin-bottom:20px}.pattern-families{gap:6px}.pattern-families a{padding:12px 8px;font-size:.68rem}.pattern-families span{font-size:1.25rem}.pattern-diagram{height:370px;margin-inline:-10px}.pattern-node{width:38%;padding:9px 5px;font-size:.72rem}.pattern-controls button{font-size:.73rem;padding:10px 12px}.pattern-intro{padding-top:35px}.pattern-article{scroll-margin-top:100px}.pattern-wires text{font-size:8px}.pattern-branch{scroll-margin-top:100px}}@media(prefers-reduced-motion:reduce){.pattern-world *{animation:none!important;transition:none!important}}
.pattern-node[data-node="0"]{left:23%;top:23%}.pattern-node[data-node="1"]{left:77%;top:23%}.pattern-node[data-node="2"]{left:23%;top:77%}.pattern-node[data-node="3"]{left:77%;top:77%}.pattern-node{font-family:inherit;font-weight:600;font-size:.85rem;line-height:1.4}@media(max-width:950px){.pattern-node{font-size:.73rem}}

.pattern-world{--atlas-accent:#ddc183;background:radial-gradient(ellipse at 85% 0,#355c46,transparent 40%),radial-gradient(ellipse at 0 65%,#1b3b39,transparent 50%),#091f23}.pattern-world[data-family=structural]{--atlas-accent:#a6cbbb}.pattern-world[data-family=behavioural]{--atlas-accent:#c4bcdf}.pattern-intro{position:relative;isolation:isolate}.pattern-intro:after{content:"";position:absolute;z-index:-1;right:-10%;top:0;width:65%;height:100%;background:repeating-radial-gradient(ellipse at right,transparent 0 65px,#a6c19816 66px 67px,transparent 68px 110px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.pattern-families a{transition:transform .25s,background .25s;position:relative;overflow:hidden}.pattern-families a:hover{transform:translateY(-4px);background:#365441}.pattern-families a:after{content:"↗";position:absolute;right:20px;bottom:24px;font-size:1.4rem;color:#d9c389}.pattern-families a:nth-child(2){border-color:#9ebfad66}.pattern-families a:nth-child(3){border-color:#c4bcdf55}.pattern-families a:nth-child(2) span{color:#a6cbbb}.pattern-families a:nth-child(3) span{color:#c4bcdf}.pattern-tree{background:linear-gradient(150deg,#17362e,#102823);border-color:#849b7050}.pattern-search{display:grid;gap:10px;font-size:.7rem;letter-spacing:.05em;color:#c5d3bc}.pattern-search input{min-width:0;width:100%;box-sizing:border-box;background:#071f1ccc;border:1px solid #738a6b88;color:#edf1df;border-radius:7px;padding:12px 10px;font:inherit;font-size:.78rem;letter-spacing:0}.pattern-search input::placeholder{color:#9eb29d}.pattern-search-status{font-size:.7rem;color:#dfc58a}.pattern-article{box-shadow:0 18px 70px #0004;border:1px solid #f6f1df80}.pattern-ribbon{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #bdc4ac;padding-bottom:17px;margin-bottom:24px;font-size:.62rem;letter-spacing:.16em;color:#667858}.pattern-ribbon span:last-child{color:#45634c}.pattern-example{border-radius:0 10px 10px 0;background:linear-gradient(90deg,#e1e7d3,#edecdf)}.pattern-diagram{height:430px;border:1px solid #6b8c6470;background:radial-gradient(ellipse at 45% 35%,#305342,#14382f 65%,#092722);box-shadow:inset 0 0 60px #071e1f90,0 14px 28px #1f3a2010}.pattern-diagram:after{content:"OBJECTS / LIVE CONNECTIONS";position:absolute;left:15px;bottom:10px;font-size:.5rem;letter-spacing:.18em;color:#a4bd9788;pointer-events:none}.pattern-node{background:linear-gradient(145deg,#335e48,#204733);border-color:#90ab7b99;box-shadow:0 7px 0 #081f2540,0 15px 22px #031b2428;transition:background .3s,box-shadow .3s,translate .3s}.pattern-node:hover{translate:0 -3px;box-shadow:0 10px 0 #081f2540,0 20px 30px #031b2428}.pattern-node.is-active{background:var(--atlas-accent);border-color:var(--atlas-accent);box-shadow:0 0 28px #e1c17e25}.pattern-wires path.is-active{stroke:var(--atlas-accent)}.flow-packet{fill:#fff6ce;filter:drop-shadow(0 0 5px #ffdf8b);offset-distance:0%;animation:packet-travel 1.2s ease-in-out forwards;pointer-events:none}@keyframes packet-travel{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}.pattern-timeline{display:flex;gap:10px;margin:24px 0 0;position:relative;align-items:center}.pattern-timeline:before{content:"";position:absolute;left:0;right:0;height:1px;background:#acb99d}.pattern-timeline button{z-index:1;border:1px solid #9eaf90;border-radius:50%;width:36px;height:36px;background:#f3efdf;color:#416146;font:italic .85rem Georgia;cursor:pointer}.pattern-timeline button[aria-pressed=true]{background:#2c533e;color:#f1dfb0;border-color:#2c533e;box-shadow:0 0 0 4px #bcc8a850}.pattern-narration{border-radius:0 12px 12px 0;background:linear-gradient(110deg,#dfe7d0,#eaeadd);min-height:140px}.pattern-lab{background:#163a2f;color:#e6ecd9;padding:28px;border-radius:12px;margin:30px 0;position:relative;overflow:hidden;border:1px solid #72956955}.pattern-lab .eyebrow{color:#d7c18b;font-size:.58rem}.pattern-lab h3{font-size:1.55rem;letter-spacing:-.03em;margin:12px 0 24px}.lab-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab-options button{padding:16px 12px;background:#2c5140;color:#e7edd9;border:1px solid #89a174;border-radius:7px;font:inherit;font-size:.85rem;cursor:pointer;transition:background .25s}.lab-options button:hover{background:#3c6249}.lab-options button[aria-pressed=true]{background:var(--atlas-accent);color:#173c2e;border-color:var(--atlas-accent)}.lab-feedback{font-size:.9rem;line-height:1.85;min-height:65px;margin:22px 0 0;color:#c9dcc1}.pattern-notes{grid-template-columns:1fr 1fr;gap:22px}.pattern-notes section:first-child{display:none}.pattern-notes section{border-top:1px solid #b5c0a9;padding-top:15px}.atlas-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding-top:22px;border-top:1px solid #b5c0a9}.atlas-next span{font-size:.65rem;color:#65765b}.atlas-next a{color:#254c36;font-size:.85rem;text-decoration:none;border-bottom:1px solid #a58b4d;padding-bottom:5px}.pattern-controls{margin-top:18px}.pattern-branch a[aria-current=true]{background:var(--atlas-accent)}@media(max-width:720px){.pattern-diagram{height:460px}.pattern-node{min-height:72px}.pattern-lab{padding:22px 17px}.lab-options{grid-template-columns:1fr}.pattern-notes{grid-template-columns:1fr}.pattern-tree{max-height:310px}.pattern-families a:after{display:none}.atlas-next{align-items:start}.pattern-lab h3{font-size:1.35rem}.pattern-wires text{font-size:8px}}@media(prefers-reduced-motion:reduce){.flow-packet{display:none}.pattern-node:hover{translate:none}}

.pattern-world{overflow-x:clip}

.pattern-memory{font:italic clamp(1.2rem,2.3vw,1.65rem)/1.45 Georgia,serif;color:#7a683d;border-left:2px solid #b9a26f;padding:3px 0 3px 18px;margin:24px 0 5px}.atlas-progress{font-size:.72rem;color:#d9c894;padding:12px 0;border-bottom:1px solid #69826370}.pattern-branch a.is-discovered:after{content:" ✓";font-size:.8rem;color:#adcd92}.pattern-branch a.is-discovered[aria-current=true]:after{color:#24452d}.atlas-focus-toggle{display:block;margin:0 0 12px auto;padding:11px 17px;border:1px solid #8f9e7666;border-radius:24px;background:#173a2e;color:#e3e7d2;font:inherit;font-size:.78rem;cursor:pointer}.atlas-focused .pattern-intro,.atlas-focused .pattern-tree,.atlas-focused .pattern-footnote{display:none}.atlas-focused .pattern-workspace{display:block;max-width:1100px;padding-top:28px}.atlas-focused .atlas-focus-toggle{position:sticky;top:95px;z-index:5;box-shadow:0 5px 20px #071f2340}.pattern-prediction{margin:26px 0;border:1px solid #b5c5a1;border-radius:10px;background:#ebeedf;overflow:hidden;padding:0 22px}.pattern-prediction summary{padding:19px 0;cursor:pointer;font-size:.84rem;font-weight:600;color:#385b3b}.pattern-prediction h3{font-size:1.2rem;line-height:1.5;margin:7px 0 22px}.prediction-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prediction-answers button{font:inherit;font-size:.83rem;line-height:1.5;text-align:left;padding:15px;border:1px solid #9caf8a;background:#faf6e9;color:#35543c;border-radius:7px;cursor:pointer}.prediction-answers button[aria-pressed=true]{border-color:#395d3c;background:#d9e2c6}.prediction-response{font-size:.9rem;line-height:1.8;margin:20px 0}.prediction-solved{border-color:#72935b;background:radial-gradient(ellipse at 100% 0,#d8d6aa,#e9efdd 60%)}.prediction-solved summary:after{content:" · Solved ✓";color:#4b703e}.lab-console{border-radius:12px 12px 0 0;margin:24px 0 0;padding:24px 28px;background:linear-gradient(110deg,#214837,#143c32);border-bottom:0}.lab-console .lab-options{grid-template-columns:1fr 1fr}.lab-console .lab-feedback{min-height:0;font-size:.86rem;line-height:1.7;margin-top:18px}.lab-console+.pattern-diagram{margin-top:0;border-radius:0 0 12px 12px;border-top:1px solid #91a77b55}.pattern-compare{font-size:.76rem;margin-top:18px;border-top:1px solid #7a99655c;padding-top:13px}.pattern-compare summary{cursor:pointer;color:#c5d7b8}.pattern-compare section{margin-top:20px;border-left:2px solid #d4c18d;padding-left:14px}.pattern-compare h4{font-size:.87rem;color:#e4d9b8;margin:0 0 7px}.pattern-compare p{font-size:.83rem;line-height:1.8;color:#c7d9bd;margin:0}.diagram-inspector{font-size:.82rem;line-height:1.7;background:#e4ead8;border-radius:7px;padding:15px 18px;margin:14px 0 0;color:#435f43}.pattern-diagram.has-selection .pattern-node:not(.is-active){opacity:.48;filter:saturate(.5)}.pattern-diagram.has-selection .pattern-wires path[data-edge]:not(.is-active){opacity:.2}.pattern-node{transition:opacity .35s,background .35s,box-shadow .35s,translate .3s}.pattern-diagram.has-selection .pattern-node:hover,.pattern-node:focus-visible{opacity:1!important}.pattern-article header{position:relative}.pattern-ribbon{color:#6e7b60}.pattern-controls button:hover{box-shadow:0 3px 0 #0c2d2430;translate:0 -1px}.pattern-timeline button:hover{background:#dce5ce}.atlas-next a:hover{color:#9b7838}.pattern-prediction summary:focus-visible,.pattern-compare summary:focus-visible{outline-offset:2px}@media(max-width:720px){.prediction-answers{grid-template-columns:1fr}.pattern-prediction{padding-inline:17px}.lab-console{padding:22px 16px}.lab-console .lab-options{grid-template-columns:1fr}.lab-console+.pattern-diagram{margin-inline:0}.atlas-focused .pattern-workspace{padding-top:15px}.atlas-focused .atlas-focus-toggle{top:85px}.pattern-memory{font-size:1.3rem}}

.atlas-focused .atlas-focus-toggle{top:132px}.prediction-solved .prediction-response{animation:insight-arrive .45s ease-out}@keyframes insight-arrive{from{opacity:.25;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:720px){.atlas-focused .atlas-focus-toggle{top:125px}}

.pattern-intro{padding-block:30px 28px}.pattern-intro h1{font-size:clamp(2.6rem,4.5vw,4.4rem);margin:18px 0}.pattern-intro .eyebrow{margin-top:22px}.pattern-families{margin-top:22px}.pattern-families a{padding:12px 18px}.pattern-families span{font-size:1.3rem}.pattern-workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.pattern-article{padding:28px}.pattern-article h2{font-size:clamp(2.2rem,3.5vw,3.4rem);margin:12px 0}.pattern-definition{font-size:.97rem}.pattern-memory{font-size:1.25rem;margin:15px 0}.pattern-example{margin:20px 0}.pattern-bench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);gap:0;background:#173b30;border-radius:12px;overflow:hidden;margin:22px 0 30px;border:1px solid #81927166}.pattern-modes{grid-column:1/-1;display:flex;gap:5px;padding:10px;background:#102f28;border-bottom:1px solid #91a87c44}.pattern-modes button{flex:1;padding:12px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#c4d5bd;font:inherit;font-size:.78rem;cursor:pointer}.pattern-modes button[aria-pressed=true]{background:#e4d3a3;color:#254533}.bench-visual{min-width:0}.pattern-bench .pattern-diagram{margin:0;border:0;border-radius:0;height:355px;box-shadow:none}.bench-visual .diagram-key{color:#afc5a4;font-size:.68rem;padding:0 16px;margin:0 0 15px}.bench-panel{padding:22px;border-left:1px solid #91a87c44;color:#e8eddd;min-width:0}.bench-panel h3{font-size:1.15rem;margin:0 0 15px;line-height:1.4}.bench-flow>p{font-size:.82rem;line-height:1.8;color:#c4d4b9}.bench-panel .pattern-controls{gap:8px}.bench-panel .pattern-controls button{font-size:.72rem;padding:10px 13px}.bench-panel .pattern-timeline{margin:25px 0}.bench-panel .pattern-transcript{color:#c3d6b6;border-color:#748c6155}.bench-panel .pattern-transcript li{font-size:.79rem}.bench-panel .pattern-lab{padding:0;background:none;border:0;margin:0;border-radius:0}.bench-panel .lab-options{grid-template-columns:1fr}.bench-panel .lab-options button{font-size:.8rem;padding:13px}.bench-panel .pattern-prediction{padding:0;background:none;border:0;margin:0;color:#e6edd9}.bench-panel .pattern-prediction summary{color:#d7c28d;font-size:.78rem;padding:0 0 14px}.bench-panel .prediction-answers{grid-template-columns:1fr}.bench-panel .prediction-response{font-size:.83rem}.pattern-bench>.pattern-narration{grid-column:1/-1;min-height:110px;margin:0;border-radius:0;border:0;border-top:1px solid #aac19755;background:#e1e7d5;padding:19px 23px}.pattern-bench .pattern-narration p{font-size:.88rem;line-height:1.7}.pattern-bench .pattern-node{width:36%;font-size:.75rem;min-height:68px;padding:8px}.pattern-bench .pattern-wires text{font-size:8px}.pattern-tree{top:130px;max-height:calc(100vh - 155px)}.pattern-notes{margin-top:25px}@media(max-width:1100px){.pattern-bench{grid-template-columns:1fr}.bench-panel{border-left:0;border-top:1px solid #91a87c44}.bench-panel .lab-options,.bench-panel .prediction-answers{grid-template-columns:1fr 1fr}.pattern-bench .pattern-diagram{height:330px}.bench-panel .pattern-controls{margin:12px 0}.bench-panel .pattern-timeline{margin:16px 0}.bench-panel .pattern-transcript{margin-bottom:0}}@media(max-width:720px){.pattern-workspace{display:block}.pattern-article{padding:19px}.pattern-tree{top:auto;max-height:230px}.pattern-modes{gap:2px;padding:7px}.pattern-modes button{font-size:.66rem;padding:12px 6px}.bench-panel{padding:18px}.bench-panel .lab-options,.bench-panel .prediction-answers{grid-template-columns:1fr}.pattern-bench .pattern-node{font-size:.7rem}.pattern-bench .pattern-diagram{height:330px}.pattern-bench>.pattern-narration{padding:18px}.pattern-intro>p:not(.eyebrow){font-size:.95rem}}