:root{font-family:'DM Sans',sans-serif;color:#21313a;background:#f5f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91aaff;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}small,.kicker,.side-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#8c9ca3}.topbar{height:67px;background:#fff;border-bottom:1px solid #e6eaea;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-size:18px;white-space:nowrap}.brand strong{font-size:17px}.slash{color:#bdc9cc}.core-mark{font-size:27px;font-weight:700;color:#315cf3;line-height:1;margin-right:2px}.core-mark span{color:#ffd326;font-size:20px;margin-left:-8px}.top-actions{display:flex;align-items:center;gap:18px}.environment{border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.1em;background:#fff1c0;color:#98700b}.environment.live{background:#e3f7ed;color:#20895b}.outline,.primary,.text-button,.quiet-danger{border:0;background:none}.outline{border:1px solid #d9e2e8;background:#fff;border-radius:11px;padding:11px 15px;font-weight:700;color:#2b4350}.outline:hover{border-color:#315cf3;color:#315cf3}.primary{background:#315cf3;color:#fff;border-radius:11px;padding:12px 17px;font-weight:800;box-shadow:0 6px 12px #315cf31c}.primary:hover{background:#204adf}.text-button{color:#315cf3;font-weight:800;padding:6px}.quiet-danger{color:#b2493e;font-weight:700;padding:8px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 67px)}.sidebar{background:#ffd523;padding:35px 18px 20px;display:flex;flex-direction:column;min-height:calc(100vh - 67px)}.side-intro{padding:10px 10px 31px}.side-kicker{color:#7b6310}.side-intro h1{font-size:31px;line-height:1.06;margin:23px 0 13px}.side-intro p{font-size:13px;line-height:1.5;color:#725f1b}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;text-align:left;border-radius:12px;padding:14px 16px;font-weight:800;color:#253743;display:flex;gap:13px;align-items:center;font-size:14px}.sidebar nav button span{font-size:19px;width:20px;text-align:center}.sidebar nav button.active{background:#fff;box-shadow:0 8px 20px #64540016}.sidebar nav button:not(.active):hover{background:#ffe477}.side-note{background:#ffe98a;border-radius:18px;padding:15px;margin-top:auto;min-height:224px;display:flex;flex-direction:column}.side-art{height:88px;position:relative;overflow:hidden}.side-art i{position:absolute;display:block}.side-art i:first-child{width:93px;height:71px;background:#315cf3;border-radius:50%;transform:rotate(-24deg);left:-21px;top:4px}.side-art i:nth-child(2){width:60px;height:60px;background:#ff785c;border-radius:18px;transform:rotate(24deg);right:12px;top:-4px}.side-art i:nth-child(3){width:61px;height:61px;background:#23b99e;border-radius:50%;right:23px;top:48px}.side-note b{font-family:'Space Grotesk';font-size:21px;letter-spacing:-.04em;line-height:1.05;margin-top:8px}.side-note small{color:#695e31;letter-spacing:0;text-transform:none;font-size:11px;line-height:1.4;margin-top:10px}.main{padding:31px 35px 65px;max-width:1670px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:25px}.kicker{color:#8799a1;margin-bottom:7px}.page-heading h2{font-size:35px;line-height:1.1}.page-heading p{color:#7c8e98;font-size:14px;margin-top:7px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.stat-card{border-radius:17px;padding:18px 20px;min-height:120px;display:flex;flex-direction:column;align-items:flex-start}.stat-card small{color:inherit;opacity:.75;font-size:10px}.stat-card b{font-family:'Space Grotesk';font-size:35px;line-height:1.1;margin:12px 0 2px}.stat-card span{font-size:11px;font-weight:700;opacity:.8}.stat-card.yellow{background:#ffd523}.stat-card.blue{background:#315cf3;color:#fff}.stat-card.teal{background:#25b99f;color:#fff}.stat-card.coral{background:#ff795d;color:#fff}.card{background:#fff;border:1px solid #e6ecee;border-radius:20px;box-shadow:0 8px 28px #24374007}.library-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);gap:15px;align-items:start}.library-list{padding:19px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 120px 135px 105px;gap:7px}.filters input,.filters select,form input,form select,form textarea{border:1px solid #dce5e9;border-radius:10px;background:#fbfcfd;color:#253b46;padding:11px 12px;min-width:0}.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#9aaab0}.filters select{font-size:12px;font-weight:700}.list-count{font-size:10px;font-weight:800;color:#8d9da5;letter-spacing:.12em;margin:21px 1px 11px}.list-count span{font-weight:600}.questions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:calc(100vh - 395px);min-height:310px;overflow:auto;padding-right:2px}.question-card{text-align:left;border:1px solid #e7edf0;border-radius:13px;background:#f7f9fb;padding:15px;min-height:147px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.question-card:hover{border-color:#8ca8fa}.question-card.selected{background:#eef3ff;border-color:#315cf3;box-shadow:inset 0 0 0 1px #315cf3}.q-top{display:flex;align-items:center;gap:6px}.q-number{font-family:'Space Grotesk';font-size:12px;font-weight:700;color:#315cf3;margin-right:3px}.tag{display:inline-flex;align-items:center;border-radius:6px;background:#eef2f4;color:#566e78;padding:5px 7px;font-size:10px;font-weight:800;line-height:1.1;text-transform:none;letter-spacing:.01em}.tag.published{background:#e4f6ee;color:#1b8a5a}.tag.draft{background:#fff0c8;color:#936b00}.tag.retired{background:#f1efef;color:#8a8584}.tag.channel,.tag.blue{background:#e5ebff;color:#315cf3}.tag.impact{background:#def5ed;color:#168d73}.question-card strong{font-size:14px;line-height:1.35}.q-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#8d9ca4;font-size:10px;font-weight:700;text-transform:capitalize}.arrow{color:#315cf3;font-size:16px}.detail-panel{padding:23px;position:sticky;top:85px;min-height:468px}.empty-detail{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;color:#8a9aa1}.empty-detail span{background:#e8eeff;color:#315cf3;border-radius:14px;font-size:29px;padding:12px 20px;margin-bottom:20px}.empty-detail b{font-family:'Space Grotesk';font-size:21px;color:#31424b}.empty-detail p{max-width:240px;margin-top:9px;font-size:13px}.detail-head{display:flex;gap:14px;align-items:flex-start}.detail-icon{background:#ffd523;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-family:'Space Grotesk';font-size:20px;font-weight:700;flex:none}.detail-head h3{font-size:23px;line-height:1.12;margin-top:5px}.detail-purpose{color:#6f8490;font-size:13px;line-height:1.5;margin:17px 0 20px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-grid div{background:#f5f7f8;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px}.detail-grid small,.detail-section small{font-size:9px}.detail-grid b{font-size:12px;text-transform:capitalize}.detail-section{padding:17px 0;border-bottom:1px solid #edf1f2}.detail-section>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-actions .primary,.detail-actions .outline{font-size:11px}.detail-foot{font-size:10px;color:#9aa8ae;margin-top:16px;line-height:1.4}.lab-grid{display:grid;grid-template-columns:260px minmax(350px,1fr) 265px;gap:14px;align-items:start}.lab-grid>.card,.chart-layout>.card{padding:20px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-title h3{font-size:19px}.section-title small{font-size:9px}.tile{height:38px;width:38px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:700}.tile.blue{background:#e7edff;color:#315cf3}.tile.yellow{background:#ffed9e;color:#936c00}.tile.teal{background:#dcf5ee;color:#159b7c}.tile.coral{background:#ffe3da;color:#d66348}.lab-settings label,.editor-dialog label,.login-dialog label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#607581;margin:13px 0}.lab-settings select{width:100%;font-size:12px}.sim-check{border-top:1px solid #eef2f3;margin-top:20px;padding-top:17px}.sim-check b{font-size:12px}.sim-check div{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.sim-chat{min-height:535px;display:flex;flex-direction:column}.chat-stream{flex:1;min-height:330px;max-height:520px;overflow:auto;padding:1px 2px}.chat-empty{padding:40px 15px;text-align:center;color:#9aa9ad;font-size:13px}.bot{display:flex;align-items:flex-start;gap:9px;margin:10px 0 12px}.bot span{width:25px;height:25px;background:#e7edff;color:#315cf3;font-weight:800;border-radius:8px;display:grid;place-items:center;flex:none;font-size:12px}.bot p{background:#f4f6f7;border-radius:12px;padding:12px;font-size:13px;line-height:1.45;max-width:95%}.bot.next p{background:#eaf1ff;color:#243f74;font-weight:700}.you{background:#e6f8ef;border-radius:11px;padding:10px 13px;margin:0 0 17px auto;width:fit-content;max-width:88%;font-size:13px}.answer-row{display:flex;gap:7px;margin-top:13px}.answer-row input{flex:1;min-width:0}.answer-row .primary{font-size:12px;white-space:nowrap}.skip{align-self:flex-end;font-size:11px;margin-top:7px}.why-panel p{font-size:13px;line-height:1.5;color:#6c828d}.rule-callout{background:#fff4c5;border-radius:12px;padding:14px;margin-top:27px}.rule-callout b{font-size:12px}.rule-callout p{font-size:11px;margin-top:6px;color:#776a34}.chart-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:15px;align-items:start}.chart-option{width:100%;border:1px solid #e6ecee;border-radius:12px;background:#f7f9fa;display:flex;gap:12px;align-items:center;padding:12px;margin:9px 0;text-align:left;color:#263c47}.chart-option.active{background:#eaf0ff;border-color:#315cf3}.chart-option b{font-size:12px;flex:1}.chart-icon{height:29px;width:29px;border-radius:8px;background:#fff;color:#315cf3;display:grid;place-items:center;font-size:17px}.chart-top{display:flex;align-items:start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #edf0f2}.chart-top h3{font-size:24px;margin:6px 0}.chart-top p{color:#8b9ca4;font-size:12px}.chart-count{background:#ffd523;border-radius:12px;padding:10px 14px;text-align:center}.chart-count b{font-family:'Space Grotesk';font-size:25px}.chart-count b span{font-size:14px}.chart-count small{display:block;color:#564900;font-size:9px}.requirement{display:flex;gap:14px;align-items:center;border-bottom:1px solid #edf0f2;padding:16px 0}.req-status{height:30px;width:30px;border-radius:9px;background:#edf2ff;color:#315cf3;display:grid;place-items:center;flex:none;font-size:11px;font-weight:800}.req-status.done{background:#def5eb;color:#178f61}.requirement div{flex:1;min-width:0}.requirement b{display:block;font-size:13px}.requirement small{display:block;margin-top:4px;font-size:10px;letter-spacing:0;text-transform:none}.requirement .text-button{font-size:11px}.chart-footer{background:#eaf7f1;border-radius:13px;padding:16px;margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-footer b{font-size:13px}.chart-footer span{font-size:11px;color:#5b8172;flex:1}.chart-footer .primary{font-size:11px}.overlay{position:fixed;inset:0;background:#17262da3;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:#fff;border-radius:20px;padding:28px;width:min(100%,460px);max-height:92vh;overflow:auto;position:relative;box-shadow:0 22px 80px #10232a42}.dialog h3{font-size:27px;margin:7px 0 9px}.dialog p{font-size:13px;color:#7b8d96;line-height:1.5}.close{position:absolute;right:18px;top:16px;border:0;background:#f2f5f6;border-radius:8px;width:29px;height:29px;font-size:20px;color:#657983}.dialog form{margin-top:18px}.dialog input,.dialog textarea,.dialog select{width:100%;font-weight:500}.dialog .primary{margin-top:9px}.editor-dialog{width:min(100%,650px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.editor-dialog label small{font-size:10px;letter-spacing:0;text-transform:none}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.editor-actions .primary{margin:0}.toast{position:fixed;right:25px;bottom:25px;background:#243b46;color:#fff;border-radius:12px;padding:13px 18px;z-index:30;box-shadow:0 10px 28px #10232a30;font-size:12px;max-width:360px}.no-results{padding:40px;color:#9aabb0;font-size:13px}
@media(max-width:1250px){.stats-row{grid-template-columns:repeat(2,1fr)}.lab-grid{grid-template-columns:240px minmax(0,1fr)}.why-panel{grid-column:1/-1}.filters{grid-template-columns:1fr 110px 125px 100px}}@media(max-width:1050px){.library-grid{grid-template-columns:1fr}.detail-panel{position:static}.questions-grid{max-height:none}.chart-layout{grid-template-columns:1fr}.chart-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chart-list .section-title{grid-column:1/-1}.chart-option{margin:0}}@media(max-width:760px){.topbar{padding:0 13px}.brand{font-size:14px;gap:6px}.brand strong{font-size:13px}.environment{display:none}.top-actions .outline{font-size:10px;padding:8px}.app-shell{display:block}.sidebar{min-height:0;padding:12px}.side-intro,.side-note{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;padding:10px;font-size:11px}.main{padding:23px 14px}.page-heading{align-items:flex-start}.page-heading h2{font-size:27px}.page-heading .primary{font-size:10px;white-space:nowrap}.stats-row{gap:7px}.stat-card{min-height:95px;padding:13px}.stat-card b{font-size:28px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.questions-grid{grid-template-columns:1fr}.lab-grid{grid-template-columns:1fr}.why-panel{grid-column:auto}.form-grid{grid-template-columns:1fr}}
.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.questionnaire-context{background:#fff8df;border:1px solid #f5dfa4;border-radius:12px;padding:14px;margin:0 0 18px;display:grid;gap:5px}.questionnaire-context b{font-size:13px}.questionnaire-context span,.questionnaire-context p{font-size:11px;line-height:1.45;color:#7c6a40}.questionnaire-context p{margin:2px 0 0}@media(max-width:760px){.page-heading{flex-direction:column}.heading-actions{justify-content:flex-start}.heading-actions .outline{font-size:10px;padding:9px}}
.library-grid{display:block}.library-list{width:100%;padding:22px}.library-list .questions-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100vh - 395px)}.library-list .filters{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,190px))}.question-dialog{width:min(100%,720px);padding:30px 34px}.question-dialog .detail-head{padding-right:40px}.question-dialog .detail-head h3{font-size:26px;line-height:1.15}.question-dialog .detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.question-dialog .detail-foot{margin-top:16px}@media(max-width:1100px){.library-list .questions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-list .filters{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(110px,150px))}}@media(max-width:760px){.library-list{padding:14px}.library-list .questions-grid{grid-template-columns:1fr;max-height:none}.library-list .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-list .filters input{grid-column:1/-1}.question-dialog{padding:24px 18px}.question-dialog .detail-head h3{font-size:22px}}
/* Keep the workspace aligned to the top and give lab controls full-size targets. */
.main{margin:0 auto}.lab-settings select{border:1px solid #dce5e9;border-radius:10px;background:#fbfcfd;color:#253b46;padding:11px 12px;font-size:12px;font-weight:700;min-height:41px}.filters{grid-template-columns:minmax(110px,1fr) 98px 108px 92px}.filters input,.filters select{font-size:11px}.filters input{min-width:0}
.preview-banner{background:#fff7d8;border:1px solid #f4e3a4;border-radius:10px;color:#785f12;padding:9px 13px;margin-bottom:16px;font-size:10px;font-weight:800;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-banner button{border:0;background:transparent;color:#315cf3;font-weight:800;white-space:nowrap}
@media(max-width:760px){.filters{grid-template-columns:1fr 1fr}}
.private-entry{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:24px;background:#f7f6f1}.private-entry-card{width:min(100%,440px);padding:36px}.private-entry-card h1{font-size:30px;line-height:1.1;margin:10px 0}.private-entry-card p{color:#74858e;line-height:1.5}.private-entry-card form{display:grid;gap:16px;margin-top:24px}.private-entry-card label{display:grid;gap:7px;font-weight:700}.private-entry-card input{width:100%;padding:13px;border:1px solid #dce3e7;border-radius:10px;font:inherit}.private-entry-card button{margin-top:6px}