@font-face{font-family:Inter;src:url(fonts/inter-0.ttf)}@font-face{font-family:Inter;src:url(fonts/inter-3.ttf);font-weight:700}:root{--bg:#f7f6f3;--paper:#fff;--ink:#191713;--muted:#71685f;--line:#e9e3dd;--orange:#e8720c;--deep:#a64f08;--soft:#fff2e9;--green:#2f6b3c;--yellow:#7a5b00}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--deep)}header{height:84px;padding:0 4%;display:flex;align-items:center;gap:26px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:20px;font-weight:700;text-decoration:none;letter-spacing:.05em}.brand small{font-size:12px;color:var(--muted)}.mark{display:grid;place-items:center;background:var(--orange);color:white;width:40px;height:40px;border-radius:12px}.date{margin-left:auto;color:var(--muted);font-size:12px}button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 15px;color:var(--ink)}button:hover{border-color:var(--orange);background:var(--soft)}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:34px 22px;border-right:1px solid var(--line)}.navlabel,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted);margin-bottom:18px}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:#554d45;padding:10px 12px;border-radius:8px;font-size:13px}nav a.active{background:var(--soft);color:var(--deep);font-weight:700}nav a:hover{background:#eeebe6}.nav-sep{border-top:1px solid var(--line);margin:14px 0}.aside-note{margin:28px 12px;font-size:11px;color:var(--muted)}main{padding:38px 42px 64px;min-width:0;min-height:85vh}h1{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 18px;font-weight:700}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 15px}h3{font-size:16px;margin:0 0 9px}p{margin:0 0 12px}.lead{font-size:16px;color:var(--muted);max-width:780px}.section{margin-top:34px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.kpi{border:1px solid var(--line);border-radius:12px;padding:20px;background:white}.kpi strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px}.kpi span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.callout{background:var(--soft);border-left:3px solid var(--orange);padding:20px 24px;border-radius:0 10px 10px 0;margin:22px 0}.callout p:last-child{margin-bottom:0}.muted,small{color:var(--muted)}small{font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.card-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.tag{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11px;background:#f0eee9;color:#635b52;white-space:normal}.tag.green{background:#eaf4ec;color:var(--green)}.tag.yellow{background:#fff7e0;color:var(--yellow)}.tag.red{background:#fff0ee;color:#9b2315}.tag.pending{background:#f1eeeb;color:#6a6056}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.chip{font-size:12px;padding:5px 8px;border-radius:5px;background:var(--soft);color:var(--deep)}.card button{margin-top:10px}.sub{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 20px}input,select{padding:11px 12px;background:white;border:1px solid #d6cfc6;border-radius:8px;min-width:0}input{flex:1;min-width:170px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-weight:700;background:#f4f1ed}td:first-child{font-weight:700}.matrix th{min-width:60px;max-width:110px;font-size:10px}.matrix td{text-align:center;padding:8px}.matrix th:first-child,.matrix td:first-child{text-align:left;min-width:175px;position:sticky;left:0;background:white;z-index:1}.rank{display:grid;place-items:center;border-radius:5px;min-width:32px;min-height:32px;background:#f7f5f2;color:#655d53}.rank.top{background:#e8720c;color:white;font-weight:700}.rank.mid{background:#fbd7bd;color:#713503}.rank.low{background:#fff0e5;color:#875d3c}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:12px 0}.legend i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:2px;margin-right:5px}.rowbar{display:grid;grid-template-columns:minmax(140px,1fr) 2fr 40px;gap:12px;align-items:center;margin:13px 0;font-size:12px}.track{height:9px;background:#f1ece5;border-radius:10px;overflow:hidden}.fill{height:100%;background:var(--orange);border-radius:10px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:22px}.actions{padding-left:20px}.actions li{margin:9px 0}.empty{padding:22px;background:#f7f5f2;border:1px dashed #cfc5ba;border-radius:9px;color:var(--muted);font-size:13px}.member-name{border:0;background:none;padding:0;text-align:left;text-decoration:underline;text-decoration-color:#d8c8b9;text-underline-offset:4px;font-weight:700}.member-name:hover{background:none}.source{font-size:11px;margin-top:16px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;padding:34px;width:min(980px,94vw);max-height:90vh;background:var(--bg)}dialog::backdrop{background:#19171380}.close{position:sticky;top:0;float:right;font-size:22px;padding:2px 12px;z-index:2}.detail-head{padding-right:42px}.detail-head h2{font-size:29px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-ranks{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.scale-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.scale-row .rank{flex-shrink:0}.note{font-size:12px;background:#fff7e0;color:#6a571d;padding:12px 15px;border-radius:8px;margin:12px 0}.count{font-variant-numeric:tabular-nums}footer{border-top:1px solid var(--line);padding:24px 4%;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #bb5706;outline-offset:3px}details{margin-top:16px}summary{cursor:pointer;color:var(--deep)}@media(max-width:1050px){.layout{grid-template-columns:205px minmax(0,1fr)}main{padding:28px 24px}.grid,.paired{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{padding:14px 18px;height:auto;gap:10px}.date{display:none}.brand{font-size:17px}header button{margin-left:auto}.layout{display:block}aside{padding:16px;border-right:0;border-bottom:1px solid var(--line)}.navlabel,.aside-note,.nav-sep{display:none}nav{flex-direction:row;overflow:auto;gap:4px}nav a{flex-shrink:0;white-space:nowrap}main{padding:26px 18px 42px}h1{letter-spacing:-1px}.kpis{gap:8px}.kpi{padding:15px}.kpi strong{font-size:29px}.card{padding:18px}.detail-ranks,.details-grid{grid-template-columns:1fr}dialog{padding:22px}.rowbar{grid-template-columns:120px 1fr 28px;gap:8px}footer{gap:15px;padding:20px;font-size:10px}}@media print{header,aside,footer,.toolbar,button{display:none!important}.layout{display:block}main{padding:0}body{background:white;font-size:11px}.card,.kpi,.callout{break-inside:avoid}.table-wrap{overflow:visible}.matrix th{font-size:8px;min-width:0}.matrix th:first-child,.matrix td:first-child{min-width:100px;position:static}.matrix td{padding:3px}.rank{min-width:20px;min-height:20px}dialog[open]{position:static;width:100%;max-height:none}body:has(dialog[open]) main{display:none}}
/* Version 2: workshop reference, warm editorial type and semantic group colours */
@font-face{font-family:Inter;src:url(fonts/inter-1.ttf);font-weight:500}@font-face{font-family:Inter;src:url(fonts/inter-2.ttf);font-weight:600}
:root{--bg:#f5f3ee;--ink:#242620;--muted:#65685e;--line:#dddcd2;--orange:#bd562d;--deep:#9b3f1d;--soft:#f7e6d9;--green:#375c45}
::selection{background:#ebc6ac;color:#242620}html{scroll-behavior:smooth;scrollbar-color:#a6a899 #eeeee5}input{caret-color:var(--orange)}[hidden]{display:none!important}a{text-underline-offset:4px}header{height:76px;background:#252c26;color:#f7f5eb;border:0;padding:0 32px}.brand{color:#faf7ed;font-size:18px}.brand small,.date{color:#d8dccc}.mark{background:#dc926c;color:#282c23;border-radius:50%}header button{color:#f7f5eb;background:transparent;border-color:#78806e}header button:hover{background:#394137}.layout{max-width:1700px;grid-template-columns:220px minmax(0,1fr)}aside{padding:34px 18px;background:#eeeee5}nav a{border-radius:6px;font-size:12px;padding:10px}nav a.active{background:#dce2d2;color:#2c4934}nav a:hover{background:#e1e3d8}.navlabel{font-size:11px;letter-spacing:0;color:#535b4c}.aside-note{font-size:11px}.eyebrow{display:none}main{padding:48px clamp(24px,4vw,72px) 80px}h1{font-size:clamp(34px,4.2vw,64px);max-width:850px;line-height:1.04;letter-spacing:-.04em;margin-bottom:22px;text-wrap:balance}h2{font-size:26px;line-height:1.2;letter-spacing:-.025em}h3{font-size:18px}p{max-width:75ch}.lead{font-size:17px;line-height:1.65;max-width:65ch}.kpis{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}.kpi{flex:1;border:0;background:transparent;padding:20px 20px 20px 0;border-radius:0}.kpi+.kpi{padding-left:24px;border-left:1px solid var(--line)}.kpi strong{font-size:28px;letter-spacing:-.02em}.kpi strong small{font-size:18px}.kpi span{font-size:11px}.callout{border:0;border-radius:12px;background:#e3e8d9;padding:26px 30px;margin:28px 0}.callout h3{font-size:23px}.callout .sub{color:#4f5f45}.callout a{color:#315239;font-weight:600}.paired{gap:32px}.paired>.card{border:0;border-radius:0;background:transparent;padding:0}.section{margin-top:46px}.card{border-radius:12px;border-color:#dcded4;padding:24px;background:#fffefb}.card-top{gap:18px}.member-name{color:#253e2d;text-decoration:none;font-size:17px;line-height:1.4}.member-name:hover{color:var(--deep);text-decoration:underline}.card .sub{font-size:12px;margin-top:5px}.card>button{font-size:12px;border-radius:6px;margin-top:18px;border-color:#b9c2ae;background:#f3f5ed;color:#35503d}.chip{background:#e9edde;color:#405338;font-size:11px;border-radius:4px}.tag{font-size:10px}.tag.green{background:#edf0e6;color:#485e3c}.tag.yellow{color:#7e5217;background:#f7e8ca}.theory-intro{background:#29372c;color:#f6f4e9;padding:30px;border-radius:12px}.theory-intro h2{font-size:30px}.theory-intro p{color:#d8dfd0;font-size:14px}.mini-flow{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.mini-flow span{padding:6px 8px;border:1px solid #6d7d65;border-radius:5px;font-size:11px;color:#e3e9dc}.primary{display:inline-block;color:#fff0de;background:#8e4227;padding:11px 16px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none}.primary:hover{background:#ab5635}.rowbar{font-size:12px;grid-template-columns:145px 1fr 34px;margin:18px 0}.track{height:13px;border-radius:2px;background:#e9e9df}.fill{background:#7d9569;border-radius:2px}.source{font-size:11px;line-height:1.7}.rank.top{background:#587547}.rank.mid{background:#d8e1ca;color:#35492b}.rank.low{background:#eef1e7;color:#535f4c}.legend i{background:#587547}.table-wrap{border-radius:8px}.matrix .member-name{font-size:12px}.matrix th{padding:10px 6px}.toolbar{padding:16px 0;border-top:1px solid var(--line)}button{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b05b30;outline-offset:4px}details>summary{padding:16px 0;font-weight:600;font-size:14px;color:#40593b}details[open]>summary{color:#9b3f1d}hr{border:0;border-top:1px solid var(--line);margin:55px 0}
#person{max-width:1160px;margin:0 auto;padding:36px 48px 64px}body:has(#person:not([hidden])) .layout{display:none}#person .close{float:none;position:static;margin-bottom:28px;font-size:13px;background:#e6eadd;color:#33492f;border:0}#person h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.035em}#person .detail-head{padding:0}#person .detail-head .muted{font-size:15px}#person .detail-head .tag{margin-top:8px}#person .chips{margin:24px 0}#person .chip{font-size:13px;padding:8px 12px}#person .recommendations>h2{font-size:32px}.driver-guide{margin-top:28px;background:#fffefb;border:1px solid #dbded2;border-radius:14px;padding:30px}.driver-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.driver-heading h3{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 14px}.domain{font-size:12px;color:#506942}.place{border:1px solid #bbc7ac;border-radius:30px;padding:8px 14px;font-size:12px;white-space:nowrap;color:#375332}.meaning{font-size:16px;max-width:70ch}.stimuli{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 25px}.stimuli span{font-size:11px;padding:5px 9px;background:#efefe6;color:#536046;border-radius:4px}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:24px}.do-dont section{padding:23px;border-radius:8px}.do{background:#edf2e7;color:#314832}.dont{background:#fbede4;color:#793d28}.do-dont h4{font-size:16px;margin:0 0 15px}.do-dont ul{margin:0;padding-left:18px}.do-dont li{font-size:14px;line-height:1.65;margin:0 0 12px}.do-dont li:last-child{margin-bottom:0}.role-example{padding:22px 0 0}.role-example b{font-size:13px}.role-example p{font-size:14px;margin-top:7px;color:#575e50}.question{font-size:17px;font-weight:500;color:#344d3b;margin:12px 0}.driver-guide details{border-top:1px solid var(--line)}.driver-guide .sub{font-size:12px}.conversation{background:#e2e8d8;border-radius:12px;padding:30px;margin:36px 0}.detail-ranks{background:transparent}.scale-row{padding:13px 0;font-size:13px}.note{background:#f7ead2;color:#73531c;line-height:1.7}.concept-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.concept-strip>div{padding-top:20px;border-top:2px solid #839574}.concept-strip p{font-size:13px;color:var(--muted)}.theory-statement{background:#28392e;color:#f6f4eb;padding:36px;border-radius:12px;margin:35px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.theory-statement h2{font-size:32px}.theory-statement p{color:#d7e0d1;font-size:14px}.group-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.group-filters button{font-size:12px;border-radius:25px;padding:9px 15px}.group-filters button[aria-pressed=true]{background:#3b563d;color:white;border-color:#3b563d}.driver-library{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.driver-library>details{border-top:1px solid var(--line);margin:0}.driver-library summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:12px;list-style:none}.driver-library summary small{display:block;font-size:10px;color:#66705e;margin-bottom:4px}.driver-library summary b{font-size:17px;color:#303c2d}.driver-library details[open]{grid-column:1/-1}.library-body{padding:0 0 28px}.distinctions{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.distinctions p{font-size:14px;padding-top:18px;border-top:1px solid var(--line)}.distinctions b{display:block;font-size:16px;margin-bottom:8px}footer{background:#eeeee5}
@media(max-width:1050px){.layout{grid-template-columns:190px minmax(0,1fr)}main{padding:32px 26px}.paired{grid-template-columns:1fr}.theory-intro{display:block}.theory-intro h2 br{display:none}h1{font-size:43px}.kpis{flex-wrap:wrap}.kpi{flex:1 1 45%}.kpi:nth-child(3){border-left:0;padding-left:0}.theory-statement{grid-template-columns:1fr}.theory-statement h2 br{display:none}}
@media(max-width:680px){header{height:65px;padding:0 18px}.layout{display:block}aside{padding:12px 15px}nav a{font-size:12px}main{padding:30px 20px 50px}h1{font-size:38px;max-width:12ch}.lead{font-size:15px}.kpis{margin:25px 0}.kpi{padding:15px 10px 15px 0}.kpi+.kpi{padding-left:16px}.kpi:nth-child(3){padding-left:0}.kpi strong{font-size:26px}.callout{padding:24px}.callout h3{font-size:21px}.theory-intro{padding:25px}.rowbar{grid-template-columns:125px 1fr 28px;gap:8px;font-size:11px}.card{padding:21px}.card-top{flex-direction:column;gap:8px}.section{margin-top:34px}#person{padding:22px 18px 45px}#person h2{font-size:34px}.driver-guide{padding:21px 18px}.driver-heading{align-items:flex-start;gap:10px}.driver-heading h3{font-size:24px}.place{padding:6px 9px;font-size:10px}.meaning{font-size:14px}.do-dont{grid-template-columns:1fr;gap:12px}.do-dont section{padding:20px}.do-dont li{font-size:13px}.concept-strip{gap:12px}.concept-strip h3{font-size:15px}.concept-strip p{font-size:11px}.theory-statement{padding:25px;gap:10px}.theory-statement h2{font-size:27px}.driver-library,.distinctions{grid-template-columns:1fr}.group-filters{gap:5px}.group-filters button{padding:8px 12px}.conversation{padding:24px}.detail-head{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{#person{padding:0}.close{display:none}.driver-guide{break-inside:avoid}.do-dont{grid-template-columns:1fr 1fr}body:has(#person:not([hidden])) .layout{display:none}details{display:block}}
.rank-explainer{font-size:12px;color:#526148;background:#e9edde;border-radius:6px;padding:12px 16px;margin:20px 0}.group-filters button{transition:none}
.driver-guide .role-example{padding:0 0 20px;margin:4px 0 20px;border-bottom:1px solid var(--line)}.driver-guide .role-example p{font-size:16px;line-height:1.6;color:#344a37}.driver-guide .role-example b{font-size:11px;color:#656f5d}
.stimulus-guidance{margin:20px 0}.expand-stimuli{font-size:12px;padding:8px 12px}.stimulus-detail{border-top:1px solid var(--line);margin-top:12px}.stimulus-detail summary{font-size:17px}.definition{font-size:13px;color:#515b49;line-height:1.65;margin-bottom:18px}.definition b{font-weight:600}.do-dont p{font-size:14px;line-height:1.7;margin:0}.mechanism{font-size:13px;line-height:1.65;color:#58614e;margin:16px 0 24px}.trial-guide>summary{font-size:15px}.trial-guide>p{font-size:14px;margin:14px 0}.trial-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.trial-steps section{border-top:1px solid var(--line);padding-top:17px}.trial-steps h4{font-size:15px;margin:0 0 10px}.trial-steps p{font-size:14px;line-height:1.7}.observation-method{background:#ebeee3}.observation-method>p,.observation-method li{font-size:14px;line-height:1.7}.observation-method h3{font-size:22px}.observation-method details{margin-top:15px}.observation-method .sub{font-size:12px}.observation-method .source{font-size:11px}.library-body .source{font-size:11px}@media(max-width:680px){.trial-steps{grid-template-columns:1fr}.stimulus-detail summary{font-size:16px}.do-dont p{font-size:13px}.observation-method{padding:20px}.observation-method .actions{padding-left:18px}}