@font-face{font-family:Montserrat;src:url('../factory-fonts/Montserrat-Regular.otf')}@font-face{font-family:Montserrat;src:url('../factory-fonts/Montserrat-SemiBold.otf');font-weight:600}*{box-sizing:border-box}body{margin:0;background:#f3f2ef;color:#242522;font:14px/1.6 Montserrat,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #cccac3;background:white;padding:9px 12px;border-radius:5px;color:inherit}button:hover{border-color:#444}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #238baf;outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid #d8d7d1;background:#fff}.top span{font-size:11px;letter-spacing:.17em}.top b{font-size:11px;background:#fbdec9;padding:4px 12px;border-radius:30px}main{max-width:1600px;margin:auto;padding:44px 4vw}.intro{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:center;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600}.intro h1{font-weight:600;line-height:1.12;font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em;margin:20px 0}.intro p{max-width:660px;color:#666861}.intro aside{border-left:2px solid #ed6837;padding-left:25px;font-size:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid #cccac3;margin-bottom:30px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 16px}.tabs .active{border-color:#ed6837;font-weight:600}.tabs b{font-size:10px;margin-left:10px;color:#777}.workshop{display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px}.controls{position:sticky;top:20px;align-self:start;font-size:12px}.controls label{display:block;margin:20px 0}.controls input[type=range]{display:block;width:100%;accent-color:#262a28}.controls input[type=color]{display:block;width:100%;height:36px;margin-top:8px}.controls output{float:right}.controls button{display:block;width:100%;margin:8px 0;font-size:11px}.controls small{color:#666}.controls #save{background:#262a28;color:white}.controls #status{color:#28633f;min-height:20px}.sample{margin-bottom:45px;border-bottom:1px solid #d5d3cd;padding-bottom:28px}.sample-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.sample h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.03em}.sample-head small{font-size:10px;letter-spacing:.1em;color:#686b65}.family-controls{display:flex;gap:8px;align-items:center}.family-controls select{max-width:130px;padding:6px;background:transparent;border:1px solid #ccc;font-size:11px}.scene{--accent:#ed6837;--heading-scale:1;--logo-scale:1;position:relative;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;background:#fbfbf8;color:#202521;border-radius:3px}.scene.dark{background:#191e1e;color:#faf9f5}.scene.colour{background:var(--accent);color:#161c1b}.inner{position:absolute;inset:8% 7% 12%;display:flex;flex-direction:column}.scene .kicker{font-size:1.05cqw;letter-spacing:.13em;text-transform:uppercase;font-weight:600;opacity:.65;margin-bottom:3cqw}.scene h3{font-size:calc(4.5cqw * var(--heading-scale));letter-spacing:-.045em;line-height:1.13;font-weight:600;margin:0}.scene p{font-size:1.8cqw;line-height:1.5;margin:1.3cqw 0}.scene .logo{position:absolute;bottom:4%;right:5%;width:calc(7.4% * var(--logo-scale));height:auto;filter:brightness(0);opacity:.8}.scene.dark .logo,.scene.photo .logo{filter:none}.scene .folio{position:absolute;bottom:4.5%;left:7%;font-size:.9cqw;opacity:.5;letter-spacing:.1em}.scene .accent{color:var(--accent)}.scene.colour .accent{color:inherit}.scene.statement .inner{justify-content:center}.statement h3{font-size:calc(7cqw * var(--heading-scale));max-width:85%}.statement .rule{width:7cqw;height:.5cqw;background:var(--accent);margin-bottom:3cqw}.scene.photo{background:url('assets/opportunity.png') center/cover;color:white}.photo .inner{left:60%;right:5%;justify-content:center}.photo .kicker{opacity:.9}.photo h3{font-size:calc(4.6cqw * var(--heading-scale))}.photo p{font-size:1.5cqw}.split{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;flex:1;align-items:center}.split>div+div{border-left:1px solid #83867d;padding-left:5cqw}.split b{font-size:2.8cqw;font-weight:600}.split ul{list-style:none;padding:0;margin:2cqw 0}.split li{font-size:1.65cqw;padding:1cqw 0;border-bottom:1px solid #8884}.diagram{width:100%;flex:1;min-height:0;margin-top:1cqw;overflow:visible}.diagram text{font-family:Montserrat,Arial,sans-serif;fill:currentColor;font-size:20px}.diagram .minor{font-size:14px;opacity:.7}.diagram .line{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.5}.diagram .fill{fill:var(--accent);fill-opacity:.16;stroke:var(--accent);stroke-width:2}.diagram .node{fill:none;stroke:currentColor;stroke-width:1.5}.diagram .hot{fill:var(--accent);stroke:none}.diagram .hot-text{fill:#151a17}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#7b827750;position:relative;margin:4cqw 1cqw 0 4cqw;flex:1;border:1px solid #7b827780}.decision-grid div{padding:1.5cqw 2cqw;background:#f9faf6}.dark .decision-grid div{background:#1b2221}.decision-grid div:first-child{background:#ed683721}.decision-grid strong{font-size:1.8cqw}.decision-grid p{font-size:1.3cqw}.decision-grid .axis-y{position:absolute;left:-4cqw;top:45%;transform:rotate(-90deg);font-size:1cqw}.decision-grid .axis-x{position:absolute;bottom:-2cqw;left:35%;font-size:1cqw}.annotation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3cqw;margin-top:4cqw}.annotation div{border-top:2px solid var(--accent);padding-top:1.3cqw}.annotation b{font-size:1.6cqw}.annotation p{font-size:1.3cqw}.annotated h3{margin-top:2cqw}.reflection .inner{justify-content:center;max-width:85%}.reflection .step{font-size:1.2cqw;letter-spacing:.15em;margin-bottom:2cqw}.reflection h3{font-size:calc(5.8cqw * var(--heading-scale))}.reflection p{max-width:80%;margin-top:3cqw}.reading .inner{display:grid;grid-template-columns:1fr 1fr;gap:4cqw;align-items:center}.reading .kicker{grid-column:1/-1;margin:0}.reading .big-word{font-size:8cqw;line-height:1;font-weight:600;letter-spacing:-.07em;color:var(--accent)}.reading h3{font-size:calc(3.7cqw * var(--heading-scale))}.reading p{font-size:1.65cqw}.sample-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;font-size:12px;color:#62665e}.sample-info strong{color:#30362e}.sample-info p{margin:4px 0 10px}.sample-info label{display:block}.sample-info input,.sample-info textarea{width:100%;border:1px solid #d0d0c7;background:#fff;padding:7px;margin-top:5px;border-radius:3px;font-size:12px}.sample-info textarea{resize:vertical;min-height:60px}.refs{font-size:10px;color:#6c6f65}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head select{margin-left:12px;padding:8px}#reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.reference{background:white;padding:12px}.reference button{display:block;width:100%;border:0;padding:0;background:#efefef}.reference img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.reference h3{font-size:15px;margin:14px 0 5px}.reference p{font-size:12px}.reference small{font-size:10px;color:#777}.decision{display:inline-block;background:#f0eee7;padding:2px 7px;font-size:10px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rules article{border-top:1px solid #bbb;padding-top:15px}.rules p{max-width:550px;color:#666}dialog{max-width:95vw;width:1100px;border:0;background:#151818;color:white;padding:20px}dialog::backdrop{background:#000c}dialog img{display:block;width:100%;margin-top:15px}dialog p{font-size:12px}dialog button{float:right}[hidden]{display:none!important}@media(max-width:950px){.workshop{grid-template-columns:170px minmax(0,1fr);gap:20px}#reference-grid{grid-template-columns:1fr 1fr}.intro{gap:30px}.sample-head{align-items:start;flex-direction:column}}@media(max-width:650px){main{padding:20px 4vw}.intro{display:block}.intro aside{margin-top:25px}.workshop{display:block}.controls{position:static;margin-bottom:25px;border-bottom:1px solid #ccc;padding-bottom:20px}.controls label{display:inline-block;width:30%;margin-right:2%}.controls button{display:inline-block;width:auto}.sample-info{grid-template-columns:1fr}.top span{display:none}.tabs{overflow:auto}.tabs button{white-space:nowrap;font-size:11px}#reference-grid,.rules{grid-template-columns:1fr}.section-head{display:block}.scene{border-radius:0}}

.annotated .annotation{margin-top:7cqw}.annotated .annotation b{font-size:2cqw}.annotated .annotation p{font-size:1.65cqw}.photo .folio{opacity:1;text-shadow:0 1px 5px #000}
/* Pass 02: composition-specific diagrams and photographic hybrid. */
.pass-note{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;background:#e7e9e2;border-left:3px solid #4d7062;padding:16px 20px;margin-bottom:25px;font-size:12px}.pass-note span{flex:1}.sample{scroll-margin-top:25px}.relationship .inner{inset:9% 6% 12%}.relationship h3{max-width:32%;font-size:calc(4.5cqw * var(--heading-scale));line-height:1.16;margin-top:5cqw}.relationship .venn-intro{max-width:29%;font-size:1.55cqw;line-height:1.6;margin-top:2cqw}.venn-art{position:absolute;right:-2%;top:-6%;width:72%;height:112%;overflow:visible}.venn-art text{font-family:Montserrat,sans-serif;text-anchor:middle;fill:#1c302f}.venn-label text{font-size:29px;font-weight:600;letter-spacing:-1px}.venn-detail text{font-size:19px}.venn-centre{fill:#fcfcf7;stroke:#526c60;stroke-width:1}.venn-result{font-size:20px;font-weight:600}.dark .venn-label text,.dark .venn-detail text{fill:#fff}.dark .venn-result{fill:#1c302f}.matrix .inner{inset:7% 7% 13%}.matrix-title{display:flex;gap:3cqw;align-items:center;margin-bottom:1cqw}.matrix-title h3{font-size:calc(3.8cqw * var(--heading-scale));max-width:65%}.matrix-title p{font-size:1.3cqw;max-width:26%;margin-left:auto;border-left:2px solid var(--accent);padding-left:1.5cqw}.matrix .decision-grid{margin:2cqw 0 0 3cqw;border:none;gap:1.1cqw;background:none}.matrix .decision-grid>div{position:relative;border:1px solid #bac5c0;background:#edf1ef;padding:1.7cqw 2.3cqw;overflow:hidden}.matrix .decision-grid>.priority{background:#254a43;color:#fff;border-color:#254a43}.matrix .decision-grid strong{display:block;font-size:2.2cqw;letter-spacing:-.04em;position:relative;margin-top:.9cqw}.matrix .decision-grid p{font-size:1.2cqw;line-height:1.5;margin:.8cqw 0 0;position:relative}.quad-tag{font-size:.85cqw;letter-spacing:.13em;position:relative}.quad-number{position:absolute;right:1.2cqw;bottom:-.2cqw;font-size:8.8cqw;line-height:1;font-weight:600;opacity:.065;letter-spacing:-.07em}.quad-arrow{position:absolute;right:2cqw;top:1cqw;font-size:3cqw;color:#b6d1b6}.matrix .decision-grid .axis-y{left:-6cqw;font-size:.9cqw;top:47%}.matrix .decision-grid .axis-x{font-size:.9cqw;left:42%;bottom:-2cqw}.dark.matrix .decision-grid>div{background:#26332f;border-color:#52645b}.dark.matrix .decision-grid>.priority{background:#d5e4cc;color:#20382e}.dark.matrix .quad-arrow{color:#254a43}.hybrid.scene{background:#f3f1ec url('assets/pilot-scale-v2.png') center/cover;color:#122839}.hybrid .inner{inset:11% 5% 12% 6%}.hybrid h3{max-width:44%;font-size:calc(4.7cqw * var(--heading-scale));line-height:1.14;white-space:pre-line;margin-top:1.8cqw}.hybrid .hybrid-copy{font-size:1.7cqw;line-height:1.65;margin-top:2.3cqw;max-width:35%;color:#47525a}.hybrid .kicker{margin-bottom:1.8cqw}.hybrid-stages{position:absolute;left:34%;right:6%;bottom:-3%;display:flex;justify-content:space-around;font-size:1cqw;letter-spacing:.1em;font-weight:600}.hybrid .logo{right:2%;bottom:2%;width:calc(5% * var(--logo-scale))}.hybrid .folio{bottom:3%;left:6%;opacity:.7}

.hybrid-stages{bottom:-8%;color:#243844}
/* Keep the matrix and its axis above the reserved logo/footer area. */
.matrix .inner{bottom:20%}.matrix .decision-grid{min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.matrix .decision-grid>div{padding:1.2cqw 2cqw}.matrix .decision-grid strong{margin-top:.5cqw;font-size:2cqw}.matrix .decision-grid p{font-size:1.1cqw;margin-top:.5cqw}.matrix-title{flex-shrink:0}
.cycle .inner{bottom:17%}.loop-diagram{margin-top:1cqw}.loop-connector{fill:none;stroke:currentColor;stroke-width:2;opacity:.65}.loop-node{fill:var(--accent);fill-opacity:.13;stroke:var(--accent);stroke-width:2}.diagram .loop-label{font-size:21px;font-weight:600}.diagram .loop-number{font-size:12px;letter-spacing:2px;opacity:.65}.diagram .loop-centre{font-size:11px;letter-spacing:2px;opacity:.6}
.matrix .decision-grid>div{font-size:1.1cqw;line-height:1.4}

/* Orange matrix alternative; preserve the white/charcoal options. */
.scene.orange{background:#fff5ec;color:#34241c}.orange.matrix .decision-grid>div{background:#f5e3d3;border-color:#d9b798}.orange.matrix .decision-grid>.priority{background:#a84318;color:#fff;border-color:#a84318}.orange.matrix .quad-arrow{color:#ffe0bb}
/* A wrapped headline alongside a substantially larger circular diagram. */
.cycle .inner{inset:9% 6% 17%}.cycle h3{width:38%;font-size:calc(5.1cqw * var(--heading-scale));line-height:1.2;margin-top:5cqw;max-width:38%}.cycle .loop-diagram{position:absolute;right:0;top:0;width:55%;height:100%;margin:0;flex:none}
/* Complete theme options, including legible diagram and image treatments. */
.family-controls select{max-width:180px}
.scene.orange{background-color:#fff5ec;color:#34241c}.scene.colour{background-color:var(--accent);color:#171e1c}
.scene.colour .logo,.scene.orange .logo{filter:brightness(0)}
.colour .rule{background:currentColor}.colour .big-word{color:inherit}.colour .diagram .fill,.colour .loop-node{fill:#17221e;fill-opacity:.1;stroke:#17221e}.orange .diagram .fill,.orange .loop-node{fill:#cd5c29;fill-opacity:.16;stroke:#a84318}
.orange .venn-art circle{fill:#e87536;stroke:#a84318;fill-opacity:.23}.colour .venn-art circle{fill:#192e27;stroke:#192e27;fill-opacity:.13}.colour .venn-centre{fill:#172a23;stroke:#172a23}.colour .venn-result{fill:#fff}.orange .venn-centre{fill:#fff7f0;stroke:#a84318}
.colour.matrix .decision-grid>div{background:#ffffff30;border-color:#41271866}.colour.matrix .decision-grid>.priority{background:#202a26;color:white;border-color:#202a26}.colour.matrix .quad-arrow{color:#ffc89c}
.scene.orange-dark{background:#191e1e;color:#faf9f5}.orange-dark .logo{filter:none}.orange-dark.matrix .decision-grid>div{background:#35271f;border-color:#815339}.orange-dark.matrix .decision-grid>.priority{background:#f1b487;color:#342015;border-color:#f1b487}.orange-dark.matrix .quad-arrow{color:#603117}
.scene.photo.orange,.scene.photo.colour{color:#241d17}.scene.photo.orange::before,.scene.photo.colour::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#fff5ec 60%)}.scene.photo.colour::before{background:linear-gradient(90deg,transparent 32%,var(--accent) 60%)}
.scene.hybrid.orange::before,.scene.hybrid.colour::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff5ec 0%,#fff5ec 33%,transparent 58%)}.scene.hybrid.colour::before{background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 33%,transparent 58%)}.scene.hybrid.colour,.scene.hybrid.orange{color:#241d17}.scene.hybrid.colour .hybrid-copy,.scene.hybrid.orange .hybrid-copy{color:inherit}
.scene.hybrid.dark{color:#fff}.scene.hybrid.dark::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191e1e 0%,#191e1e 33%,transparent 58%)}.scene.hybrid.dark .hybrid-copy{color:#eee}.scene.hybrid.dark .logo{filter:brightness(0)}
.scene.photo.light{color:#241d17}.scene.photo.light::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#fbfbf8 60%)}.scene.photo.light .logo{filter:brightness(0)}
.scene.hybrid.orange,.scene.hybrid.colour{background-image:url('assets/pilot-scale-v2.png');background-size:cover;background-position:center}.scene.photo.orange,.scene.photo.colour{background-image:url('assets/opportunity.png');background-size:cover;background-position:center}
.annotated-image .inner,.system-map .inner,.before-after .inner{bottom:19%}.annotated-image h3,.system-map h3,.before-after h3{font-size:calc(3.8cqw * var(--heading-scale))}
.annotated-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:3cqw;flex:1;min-height:0;margin-top:3cqw}.workspace-photo{position:relative;background:url('assets/shift.png') 24% center/cover;border-radius:3px}.image-pin{position:absolute;display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;background:#fff;color:#222;border:2px solid #ed6837;font-size:1.4cqw;font-weight:600;box-shadow:0 2px 8px #0004}.pin-one{left:12%;bottom:16%}.pin-two{left:20%;top:20%}.image-explanations{display:flex;flex-direction:column;justify-content:space-between;gap:1cqw}.image-explanations>div{border-top:1px solid #8886;padding-top:.8cqw}.image-explanations b{font-size:1.4cqw}.image-explanations p{font-size:1.3cqw;margin:.4cqw 0 0;line-height:1.4}
.system-network{display:grid;grid-template-columns:1fr .45fr 1.2fr .45fr 1.2fr;align-items:center;gap:.8cqw;margin-top:5cqw}.system-inputs{display:grid;gap:1.2cqw}.system-inputs>div,.system-node{border:1px solid #8a9e9280;padding:1.5cqw;border-radius:.5cqw}.system-network small{display:block;font-size:.85cqw;letter-spacing:.13em;opacity:.7;margin-bottom:.7cqw}.system-network b{font-size:1.8cqw;line-height:1.2;display:block}.system-network p{font-size:1.1cqw;line-height:1.5;margin:1cqw 0 0}.system-link{font-size:.9cqw;text-align:center;white-space:nowrap}.human-node{background:#d6e6d2;color:#23362c}.system-feedback{text-align:center;border-bottom:1px solid #89988e;margin:2cqw 9% 0;padding-bottom:1cqw;font-size:1.1cqw}.orange .human-node{background:#f0c19e;color:#34241c}.colour .human-node{background:#25392f;color:white}
.workflow-comparison{display:grid;gap:2.4cqw;margin-top:4cqw}.workflow-row{display:grid;grid-template-columns:1fr 1.4fr .2fr 1.4fr .2fr 1.4fr;gap:1cqw;align-items:center}.workflow-label{font-size:1.1cqw;font-weight:600;letter-spacing:.12em}.workflow-label small{display:block;letter-spacing:0;font-size:1cqw;font-weight:400;margin-top:.6cqw;opacity:.7}.workflow-step{padding:2cqw 1.5cqw;border:1px solid #87978b80;min-height:6cqw;display:grid;place-items:center;text-align:center;font-size:1.45cqw}.workflow-row>span{text-align:center;font-size:1.4cqw}.changed-step{background:#284a3e;color:white;border-color:#284a3e}.orange .changed-step{background:#a84318}.colour .changed-step{background:#25392f}.dark .changed-step{background:#d5e4cc;color:#20382e}.scene .workflow-takeaway{font-size:1.3cqw;margin-top:2.3cqw;padding-left:1.4cqw;border-left:3px solid currentColor}
/* White/charcoal diagrams derive their highlights from the editable accent. */
.light.matrix .decision-grid>div{background:color-mix(in srgb,var(--accent) 9%,#fbfbf8);border-color:color-mix(in srgb,var(--accent) 30%,#c5c5bf)}
.light.matrix .decision-grid>.priority{background:color-mix(in srgb,var(--accent) 65%,#251d18);color:white;border-color:color-mix(in srgb,var(--accent) 65%,#251d18)}
.light.matrix .quad-arrow{color:color-mix(in srgb,var(--accent) 25%,white)}
.dark.matrix .decision-grid>div{background:color-mix(in srgb,var(--accent) 13%,#191e1e);border-color:color-mix(in srgb,var(--accent) 35%,#626262)}
.dark.matrix .decision-grid>.priority{background:color-mix(in srgb,var(--accent) 35%,#fff8f0);color:#241e1b;border-color:color-mix(in srgb,var(--accent) 35%,#fff8f0)}
.dark.matrix .quad-arrow{color:#493024}
.light.system-map .human-node{background:color-mix(in srgb,var(--accent) 22%,#fff);color:#241e1b;border-color:color-mix(in srgb,var(--accent) 40%,#ccc)}
.dark.system-map .human-node{background:color-mix(in srgb,var(--accent) 35%,#fff8f0);color:#241e1b;border-color:color-mix(in srgb,var(--accent) 35%,#fff8f0)}
.light.before-after .changed-step{background:color-mix(in srgb,var(--accent) 65%,#251d18);color:white;border-color:color-mix(in srgb,var(--accent) 65%,#251d18)}
.dark.before-after .changed-step{background:color-mix(in srgb,var(--accent) 35%,#fff8f0);color:#241e1b;border-color:color-mix(in srgb,var(--accent) 35%,#fff8f0)}
.light .system-inputs>div,.light .system-node,.light .workflow-step{border-color:color-mix(in srgb,var(--accent) 25%,#bbb)}
.dark .system-inputs>div,.dark .system-node,.dark .workflow-step{border-color:color-mix(in srgb,var(--accent) 30%,#666)}
.light .system-feedback,.dark .system-feedback{border-color:color-mix(in srgb,var(--accent) 35%,#888)}
/* Readable connectors at lesson playback scale. */
.system-network{grid-template-columns:1fr .65fr 1.2fr .65fr 1.2fr;gap:.8cqw}
.system-link{font-size:1.35cqw;font-weight:600;white-space:normal;line-height:1.4}
.system-feedback{font-size:1.5cqw;font-weight:600;border-bottom-width:2px;padding-bottom:1.2cqw}
.workflow-row{grid-template-columns:1fr 1.4fr .35fr 1.4fr .35fr 1.4fr}
.workflow-row>span{font-size:2.7cqw;font-weight:600;line-height:1}
.connection-arrow{font-size:2.7cqw;line-height:1;vertical-align:middle}.system-link .connection-arrow{display:block;margin-top:.3cqw}.system-feedback .connection-arrow{margin-right:1cqw}
/* Dark-on-accent uses dark linework throughout. */
.colour .system-inputs>div,.colour .system-node,.colour .workflow-step,.colour .system-feedback,.colour .image-explanations>div,.colour .split>div+div,.colour .split li,.colour.matrix .decision-grid>div,.colour .annotation>div,.colour .matrix-title p{border-color:#202923}
.colour .diagram .line,.colour .diagram .node,.colour .loop-connector{stroke:#202923;opacity:1}
.evidence .inner,.scenario .inner,.knowledge .inner,.lesson-close .inner{bottom:17%}
.evidence h3,.knowledge h3,.lesson-close h3{font-size:calc(3.8cqw * var(--heading-scale))}
.evidence-body{display:grid;grid-template-columns:1fr 1.8fr;gap:5cqw;align-items:center;margin-top:3cqw}.evidence-number strong{font-size:10cqw;line-height:1;font-weight:600;letter-spacing:-.08em}.evidence-number strong span{font-size:4cqw}.evidence-number p{font-size:1.7cqw;margin:.5cqw 0 1cqw}.evidence-number small{font-size:.8cqw;letter-spacing:.12em}.evidence-chart>p{font-size:1.2cqw;margin-bottom:1.5cqw}.bar-row{display:grid;grid-template-columns:6cqw 1fr;align-items:center;gap:1cqw;margin:1.5cqw 0;font-size:1.2cqw}.data-bar{background:var(--accent);color:#171e1c;height:4cqw;padding:.8cqw 1cqw;text-align:right;font-weight:600;font-size:1.6cqw;min-width:0}.data-bar.baseline{background:color-mix(in srgb,var(--accent) 25%,#fff)}.chart-axis{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:.5cqw;margin-left:7cqw;font-size:1cqw}.scene .evidence-source{font-size:.95cqw;margin-top:2cqw;border-top:1px solid currentColor;padding-top:1cqw}.colour .data-bar{background:#202923;color:white}.colour .data-bar.baseline{background:#ffffff55;color:#202923}
.scenario-body{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;align-items:center;flex:1}.scenario h3{font-size:calc(4.2cqw * var(--heading-scale));line-height:1.2}.scenario-body>div>p{font-size:1.6cqw;line-height:1.55;margin-top:2cqw}.scenario-choices>small{font-size:.95cqw;letter-spacing:.13em}.scenario-choices button{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:1px solid currentColor;font-size:1.3cqw;padding:1.2cqw;margin-top:1cqw;border-radius:.4cqw}.scenario-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 25%,transparent)}.scene .scenario-response{font-size:1.2cqw;min-height:5.5cqw;margin-top:1.4cqw;line-height:1.5}
.question-header{display:flex;justify-content:space-between;font-size:.9cqw;letter-spacing:.15em;margin-bottom:1.5cqw}.knowledge .kicker{margin-bottom:1.4cqw}.scene .question-context{font-size:1.35cqw;margin:1.3cqw 0}.knowledge-options{border:0;padding:0;margin:0;display:grid;gap:.7cqw}.knowledge-options label{display:flex;align-items:center;gap:1cqw;border:1px solid currentColor;padding:.8cqw 1.2cqw;font-size:1.3cqw;cursor:pointer}.knowledge-options input{width:1.4cqw;height:1.4cqw;accent-color:#a84318;margin:0}.knowledge-action{display:flex;align-items:center;gap:2cqw;margin-top:1.2cqw}.knowledge-action button{background:#202923;color:#fff;padding:.8cqw 1.4cqw;font-size:1.2cqw;border:1px solid currentColor;white-space:nowrap}.dark .knowledge-action button{background:#fff2e6;color:#202923}.scene .knowledge-feedback{font-size:1.15cqw;line-height:1.4;margin:0}.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}
.close-body{display:grid;grid-template-columns:1.2fr 1fr;gap:5cqw;margin-top:3cqw;align-items:center}.takeaways>div{display:flex;gap:2cqw;align-items:center;border-bottom:1px solid currentColor;padding:1cqw 0}.takeaways span{font-size:1.2cqw;opacity:.7}.takeaways p{font-size:1.65cqw;margin:.5cqw 0}.next-action{background:color-mix(in srgb,var(--accent) 22%,transparent);padding:2cqw;border-left:3px solid currentColor}.next-action small{display:block;font-size:.9cqw;letter-spacing:.13em;margin-bottom:1.2cqw}.next-action strong{font-size:2cqw;line-height:1.25;display:block}.next-action p{font-size:1.3cqw;line-height:1.5}.scene .next-lesson{font-size:1cqw;letter-spacing:.07em;margin-top:2cqw}
/* Give the headline figure room and align it with the baseline bar. */
.evidence-body{align-items:start}.evidence-number{padding-top:3.1cqw}.evidence-number strong{display:flex;align-items:baseline;gap:.6cqw;letter-spacing:-.035em;line-height:.85}.evidence-number strong span{letter-spacing:0}.evidence-number p{margin-top:1.5cqw}
/* Raised answer buttons; selected and active answers sit down on the surface. */
.scenario-choices button,.knowledge-options label{border-radius:999px;padding:1.2cqw 1.8cqw;border:1px solid currentColor;background:color-mix(in srgb,var(--accent) 7%,#fff);box-shadow:0 .4cqw 0 #0004;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;margin-bottom:.4cqw}
.dark .scenario-choices button,.dark .knowledge-options label{background:#28302d;box-shadow:0 .4cqw 0 #0009}.colour .scenario-choices button,.colour .knowledge-options label{background:color-mix(in srgb,var(--accent) 78%,white);border-color:#202923}
.scenario-choices button:active,.scenario-choices button[aria-pressed=true],.knowledge-options label:active,.knowledge-options label:has(input:checked){transform:translateY(.4cqw);box-shadow:none;background:color-mix(in srgb,var(--accent) 24%,#fff);color:#202923}
.knowledge-options label:focus-within{outline:3px solid #238baf;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.scenario-choices button,.knowledge-options label{transition:none}}
.evidence-number{padding-top:3.9cqw}
.lesson-close .takeaways{border-top:1px solid currentColor;align-self:stretch;display:grid;grid-template-rows:repeat(3,1fr)}
/* Pointer selection uses the depressed button state, not a blue focus ring. */
.knowledge-options label:focus-within{outline:none}.knowledge-options input:focus{outline:none}.knowledge-options label:has(input:focus-visible){outline:2px solid currentColor;outline-offset:3px}
.knowledge-action button:focus{outline:none}.knowledge-action button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.knowledge-action button:disabled{opacity:.45;cursor:default}.knowledge-action [data-next-question]{margin-left:auto}.knowledge-action{gap:1.2cqw}.scene .knowledge-feedback{flex:1}.scene .question-pause{font-size:.95cqw;margin:.9cqw 0 0;opacity:.75}
.scenario-navigation{display:flex;align-items:center;gap:1.5cqw;margin-top:1cqw}.scenario-navigation small{font-size:.95cqw;line-height:1.4;flex:1}.scenario-choices .scenario-navigation button{width:auto;white-space:nowrap;margin:0;padding:.8cqw 1.5cqw;border-radius:.4cqw;background:#202923;color:#fff;box-shadow:none;font-size:1.2cqw}.dark .scenario-choices .scenario-navigation button{background:#fff2e6;color:#202923}.scenario-navigation button:focus{outline:none}.scenario-navigation button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Feedback is explicitly labelled as well as colour-coded. */
.scene .knowledge-feedback.answer-correct,.scene .knowledge-feedback.answer-incorrect{padding:1cqw 1.2cqw;border-radius:.4cqw;border:1px solid;line-height:1.45;font-weight:600}
.scene .knowledge-feedback.answer-correct{background:#dcefe0;color:#19492b;border-color:#528963}
.scene .knowledge-feedback.answer-incorrect{background:#f8dfdc;color:#782a24;border-color:#b96861}

/* Shared admin navigation shell. */
.admin-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fbfaf6;border-bottom:1px solid #d8dbd2}.admin-brand{display:flex;align-items:center;gap:15px;text-decoration:none}.admin-brand img{width:116px;height:auto}.admin-brand small{font-size:12px;letter-spacing:2px;font-weight:600;color:#475048}.admin-identity{display:flex;align-items:center;gap:16px;font-size:14px}.admin-identity img{width:32px;height:32px;border-radius:50%;object-fit:cover}.admin-frame{min-height:calc(100vh - 88px);display:grid;grid-template-columns:250px minmax(0,1fr)}.design-area{min-width:0}.admin-menu{box-sizing:border-box;padding:44px 25px;border-right:1px solid #d8dbd2;background:#f5f2eb;position:sticky;top:0;height:calc(100vh - 88px);display:flex;flex-direction:column;z-index:30}.admin-menu-heading{margin:0 12px 22px;font-size:11px;letter-spacing:1.8px;font-weight:700;color:#986140}.admin-menu nav{display:block;border:0;margin:0}.admin-menu nav>a,.admin-studio-accordion summary,.admin-studio-accordion div a{width:100%;display:flex;box-sizing:border-box;justify-content:space-between;border:0;border-radius:5px;padding:14px 12px;margin:4px 0;color:#535d55;background:none;text-align:left;cursor:pointer;font:inherit;text-decoration:none}.admin-menu nav>a span,.admin-studio-accordion summary span,.admin-studio-accordion div a span{color:#df4f21}.admin-menu nav>a[aria-current=page],.admin-studio-accordion div a[aria-current=page]{background:#e4e7dc;color:#202723;font-weight:700}.admin-studio-accordion summary{list-style:none;font-weight:600}.admin-studio-accordion summary::-webkit-details-marker{display:none}.admin-studio-accordion summary span{transition:transform .18s ease}.admin-studio-accordion[open] summary span{transform:rotate(180deg)}.admin-studio-accordion>div{margin:2px 0 10px 12px;padding-left:10px;border-left:1px solid #cfd4ca}.admin-studio-accordion div a{padding:10px;font-size:13px}.admin-learn-link{margin:auto 12px 0;font-size:12px;line-height:1.8;color:#647064}
@media(max-width:1000px){.admin-frame{grid-template-columns:210px minmax(0,1fr)}.admin-menu{padding:30px 15px}}
@media(max-width:700px){.admin-header{height:74px}.admin-brand img{width:98px}.admin-identity span{display:none}.admin-frame{display:block;min-height:calc(100vh - 74px)}.admin-menu{position:relative;height:auto;padding:12px;overflow-x:auto}.admin-menu-heading,.admin-learn-link{display:none}.admin-menu nav{display:flex;align-items:flex-start;gap:4px;overflow:visible}.admin-menu nav>a,.admin-studio-accordion summary{width:auto;min-width:max-content;padding:10px 12px;white-space:nowrap;font-size:12px}.admin-studio-accordion{position:relative}.admin-studio-accordion>div{position:absolute;z-index:40;width:190px;margin:0;padding:7px;border:1px solid #d8dbd2;border-radius:6px;background:#fbfaf6;box-shadow:0 12px 25px #20272322}}