.learning-mirror{width:92%;max-width:1240px;margin:35px auto 0;scroll-margin-top:110px}.learning-heading{text-align:center;padding:35px 20px 40px}.learning-heading h2{font-size:clamp(32px,4vw,51px);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:20px 0}.learning-heading h2 span{color:#588271}.learning-heading>p{font-size:17px;color:#657c70;margin:0}.learning-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cedfd3;gap:24px}.learning-tabs .learning-tab{position:relative;text-align:left;padding:20px 0;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;color:#6c8276;font:inherit}.learning-tabs .learning-tab.is-active{border-bottom-color:#1a735b;color:#1e5442}.learning-tabs .learning-tab>span{font-size:12px;margin-right:12px}.learning-tabs .learning-tab>b{font-size:22px;font-weight:500}.learning-tabs .learning-tab>small{display:block;font-size:13px;margin-top:7px}.learning-surface{background:#fff;border:1px solid #e1e9e2;border-top:0;border-radius:0 0 20px 20px;min-height:490px}.learning-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:45px}.learning-panel[hidden]{display:none}.learning-narrative{padding-top:12px}.learning-label{font-size:10px;letter-spacing:.1em;color:#5d7f6c}.learning-narrative h3{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:20px 0}.learning-narrative>p{font-size:16px;line-height:1.7;color:#61766b}.learning-person{display:flex;gap:12px;align-items:center;margin-top:28px}.learning-person>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8eee7;font-size:12px;color:#50705b}.learning-person b{font-size:13px;font-weight:500;display:block}.learning-person small{display:block;font-size:11px;color:#7a8c7f;margin-top:4px}.learning-request{display:flex;gap:12px;align-items:center;background:#f2f6f2;padding:15px 17px;border-radius:12px;margin-bottom:20px}.learning-request small{display:block;font-size:11px;color:#718577;margin-bottom:5px}.learning-request b{font-size:15px;font-weight:500}.learning-request img{object-fit:contain;flex-shrink:0}.learning-node,.learning-rule{display:flex;align-items:center;gap:13px;border:1px solid #dce8df;border-radius:9px;padding:15px;margin-bottom:9px;animation:learn-in .5s both;animation-delay:calc(var(--n)*.3s)}.learning-node>span{font-size:11px;color:#7c9384}.learning-node b{font-size:14px;font-weight:500;display:block}.learning-node small{font-size:12px;line-height:1.4;color:#6a8172;display:block;margin-top:4px}.learning-node img{margin-left:auto}.learning-takeaway{font-size:12px;color:#547360;padding:14px 3px 0;line-height:1.5}.learning-mark{font-size:27px!important;letter-spacing:-2px;color:#176e67}.learning-rule{align-items:flex-start;background:#f6faf6}.learning-rule>span{font-size:9px;letter-spacing:.07em;width:66px;flex-shrink:0;padding-top:3px;color:#52836a}.learning-rule>b{font-size:14px;font-weight:500;line-height:1.45}.learning-rule.exception{background:#fbf8ee;border-color:#e9e3ce}.learning-draft{font-size:12px;color:#647862;border:1px solid #d8e1d3;background:#f5f8ef;border-radius:7px;line-height:1.5;padding:12px;margin-top:25px}.learning-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.learning-controls p{font-size:14px;line-height:1.5;color:#577565;margin:0}.learning-controls button{background:#1b6150;border:0;border-radius:30px;color:#fff;padding:15px 23px;font:inherit;font-size:14px;cursor:pointer;flex-shrink:0}.learning-controls button:hover{background:#164f41}.learning-controls button span{margin-left:15px}.learning-note{font-size:11px;color:#75897b;text-align:center;margin:0}.run-node{opacity:.38;animation:none}.is-running .run-node{animation:run-rule .7s both;animation-delay:calc(var(--n)*.65s)}.learning-outcome{background:#e5f3e7;border:1px solid #bcdcc6;border-radius:10px;padding:16px;margin-top:15px;animation:learn-in .5s both}.learning-outcome[hidden]{display:none}.learning-outcome b{font-size:14px;color:#24734b}.learning-outcome p{font-size:16px;margin:12px 0}.learning-outcome small{font-size:11px;color:#557760}.learning-controls button:disabled{opacity:.65;cursor:wait}@keyframes learn-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes run-rule{to{opacity:1;background:#eaf5ed;border-color:#b6d7bf}}.reduced-motion .learning-node,.reduced-motion .learning-rule,.reduced-motion .learning-outcome{animation:none;opacity:1}.reduced-motion .run-node{opacity:.38}.reduced-motion .is-running .run-node{opacity:1;background:#eaf5ed}@media(prefers-reduced-motion:reduce){.learning-node,.learning-rule,.learning-outcome{animation:none!important}.is-running .run-node{opacity:1;background:#eaf5ed}}@media(max-width:850px){.learning-panel{gap:28px;padding:30px}.learning-narrative h3{font-size:29px}.learning-tabs{gap:15px}.learning-tabs .learning-tab>small{font-size:12px}.learning-panel{grid-template-columns:.9fr 1.1fr}.learning-controls p{font-size:13px}}@media(max-width:600px){.learning-panel{grid-template-columns:1fr;padding:23px;gap:24px}.learning-tabs{gap:10px}.learning-tabs .learning-tab>b{font-size:19px}.learning-tabs .learning-tab>span{margin-right:6px;font-size:10px}.learning-tabs .learning-tab>small{font-size:11px;line-height:1.4}.learning-heading{padding:20px 5px 28px}.learning-heading>p{font-size:15px}.learning-narrative{padding-top:0}.learning-narrative h3{margin:12px 0}.learning-narrative>p{font-size:15px}.learning-controls{flex-direction:column;align-items:stretch;gap:12px}.learning-controls button{text-align:center}.learning-person{margin-top:15px}.learning-surface{min-height:0}.learning-note{line-height:1.5}.learning-rule>b{font-size:13px}.learning-request b{font-size:14px}}
.learning-tabs{grid-template-columns:repeat(4,1fr)}.agent-studio{background:#f7faf7;border:1px solid #dde7de;border-radius:13px;overflow:hidden}.studio-heading{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #dce8df;font-size:14px}.studio-heading>small{margin-left:auto;font-size:10px;color:#7a8f80}.agent-studio #agent-config{padding:20px}.agent-studio label{display:block;font-size:12px;color:#456553;margin-bottom:7px}.agent-studio input,.agent-studio textarea{width:100%;font:inherit;font-size:14px;color:#264c39;border:1px solid #cddfd0;background:white;border-radius:7px;padding:10px 12px;line-height:1.5;margin-bottom:16px}.agent-studio textarea{resize:vertical;min-height:95px}.studio-workflow{display:flex;flex-direction:column;gap:6px;border:1px solid #d5e6d7;background:#edf5ed;border-radius:7px;padding:12px}.studio-workflow>span,.studio-tools>span{font-size:10px;letter-spacing:.09em;color:#5e7d67}.studio-workflow>b{font-size:14px;font-weight:500}.studio-workflow>small{font-size:11px;color:#62816b}.studio-tools{margin-top:16px}.studio-tools>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.studio-tools>div>span{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#fff;border:1px solid #dce7dc;border-radius:6px;font-size:11px;color:#54705e}.studio-guardrail{padding:13px 0}.studio-guardrail b{font-size:12px;font-weight:500;display:block}.studio-guardrail small{font-size:11px;color:#6a806d;line-height:1.5;display:block;margin-top:4px}#agent-test{font:inherit;font-size:13px;color:#236147;border:1px solid #b7cfbc;background:#fff;padding:11px 15px;border-radius:7px;width:100%;cursor:pointer}#agent-test:disabled{opacity:.4;cursor:default}#agent-test-results{background:#e6f2e7;border-radius:8px;padding:12px;margin-top:12px}#agent-test-results[hidden]{display:none}#agent-test-results p{font-size:12px;margin:3px 0 8px;color:#346b47}#agent-test-results small{font-size:10px;color:#6a7e6b}.create-milestones{display:flex;flex-direction:column;gap:14px;margin-top:25px;font-size:13px;color:#86968a}.create-milestones .done{color:#2a7950}.work-agent-name{display:inline-block;border:1px solid #c4dac9;background:#edf6ee;color:#39734f;padding:7px 12px;border-radius:20px;font-size:12px;margin-bottom:10px}.learning-panel[data-learning-panel="3"] .run-node{animation:none;opacity:.35;transition:opacity .4s,background .4s}.learning-panel[data-learning-panel="3"] .run-node.done{opacity:1;background:#eaf5ed;border-color:#b6d7bf}.learning-controls button{max-width:100%;white-space:normal}.learning-panel[data-learning-panel="2"]{align-items:start}.learning-note{margin-bottom:25px}@media(max-width:750px){.learning-tabs{gap:10px}.learning-tabs .learning-tab>b{font-size:19px}.learning-tabs .learning-tab>small{font-size:11px;line-height:1.4}.learning-panel[data-learning-panel="2"]{grid-template-columns:1fr}}@media(max-width:450px){.learning-tabs{grid-template-columns:repeat(2,1fr);gap:0 20px}.learning-tabs .learning-tab{padding:13px 0}.agent-studio #agent-config{padding:15px}.studio-heading{padding:13px 15px}.learning-controls button{font-size:13px}}
/* Every scene shares the same grid cell and contributes to its reserved size. */
.learning-surface{display:grid;grid-template-columns:minmax(0,1fr);min-height:760px;overflow:hidden}.learning-panel,.learning-panel[hidden]{display:grid;grid-area:1 / 1;align-self:stretch;align-content:start;min-width:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s ease;contain:layout}.learning-panel.is-active{visibility:visible;opacity:1;pointer-events:auto}.learning-tabs .learning-tab{cursor:default}.learning-tabs .learning-tab.is-active{border-bottom-color:#1a735b;color:#1e5442}.agent-studio{align-self:start}.agent-studio #agent-config{padding:20px}.agent-studio input,.agent-studio textarea{pointer-events:none}.agent-studio textarea{resize:none;height:116px}.learning-draft{min-height:62px;box-sizing:border-box}.learning-controls{min-height:78px}.learning-controls p{min-height:42px;display:flex;align-items:center;max-width:75%}.learning-playback{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#6c8374}.learning-outcome,.learning-outcome[hidden],#agent-test-results,#agent-test-results[hidden]{display:block;visibility:hidden;opacity:0;transition:opacity .35s;min-height:100px;box-sizing:border-box}.learning-outcome:not([hidden]),#agent-test-results:not([hidden]){visibility:visible;opacity:1}.learning-node,.learning-rule{animation:none!important;transition:opacity .5s,background .5s,border-color .5s}.learning-node.pending,.learning-rule.pending{opacity:.28}.learning-node.highlight,.learning-rule.highlight{border-color:#76b599;background:#edf8ef;opacity:1}#agent-test{cursor:default;min-height:43px;box-sizing:border-box}#agent-test-results{min-height:96px}.learning-draft,.learning-takeaway{line-height:1.5}.learning-panel[data-learning-panel="3"] .run-node.done{opacity:1}.learning-tab>small{min-height:34px}.learning-panel input.is-configuring,.learning-panel textarea.is-configuring,.studio-workflow.is-configuring,.studio-tools.is-configuring,.studio-guardrail.is-configuring{outline:2px solid #83b69a;outline-offset:3px}.reduced-motion .learning-panel,.reduced-motion .learning-node,.reduced-motion .learning-rule,.reduced-motion .learning-outcome{transition:none!important}@media(prefers-reduced-motion:reduce){.learning-panel,.learning-node,.learning-rule,.learning-outcome{transition:none!important}}@media(max-width:750px){.learning-surface{min-height:1050px}.learning-panel,.learning-panel[hidden]{grid-template-columns:1fr;gap:24px}.learning-controls p{max-width:none}.learning-draft{min-height:62px}}@media(max-width:450px){.learning-surface{min-height:1150px}.agent-studio #agent-config{padding:15px}.learning-controls{min-height:112px}.learning-playback{text-align:center}.learning-controls p{min-height:44px}}
.learning-draft{height:96px;display:flex;align-items:center;margin-bottom:0}.learning-controls p{height:64px;min-height:64px}.learning-panel[data-learning-panel="2"] .learning-narrative{min-width:0}.learning-node,.learning-rule{box-sizing:border-box}@media(max-width:450px){.learning-draft{height:110px}.learning-controls p{height:72px;min-height:72px}}
/* Compact, equal-footprint chapters. No oversized minimum-height spacer. */
.learning-surface{min-height:0;background:#f5f8f4;border:1px solid #dde8dd;border-top:0}.learning-panel,.learning-panel[hidden]{padding:28px;gap:32px;grid-template-columns:.8fr 1.2fr;align-self:start;align-items:start}.learning-narrative{padding-top:14px}.learning-narrative h3{font-size:clamp(26px,2.7vw,34px);margin:16px 0}.learning-narrative>p{font-size:15px;line-height:1.6}.learning-visual{background:#fff;border:1px solid #e0e8df;border-radius:12px;padding:18px;box-shadow:0 7px 24px #284c3210;min-width:0}.agent-studio{padding:0;position:relative;box-shadow:0 7px 24px #284c3210}.learning-draft{height:66px;min-height:66px;padding:10px;margin-top:20px;font-size:12px;background:#eaf1e5}.create-milestones{flex-direction:row;flex-wrap:wrap;gap:8px 15px;font-size:11px;margin-top:18px}.learning-person{margin-top:20px}.learning-node{padding:12px;margin-bottom:8px}.learning-rule{padding:12px;gap:9px}.learning-request{padding:12px;margin-bottom:15px}.learning-takeaway{padding-top:8px}.agent-studio #agent-config{padding:15px}.studio-heading{padding:11px 15px}.agent-studio label{font-size:11px;margin-bottom:5px}.agent-studio input{padding:7px 10px;margin-bottom:10px;font-size:13px;height:35px}.agent-studio textarea{height:75px;min-height:75px;font-size:12px;line-height:1.4;padding:8px 10px;margin-bottom:10px}.studio-workflow{padding:9px;gap:4px}.studio-workflow>b{font-size:13px}.studio-tools{margin-top:10px}.studio-tools>div{margin-top:6px}.studio-tools>div>span{padding:5px 7px}.studio-guardrail{padding:10px 0}.studio-guardrail small{font-size:11px}#agent-test{min-height:35px;padding:8px 10px;font-size:12px}#agent-test-results,#agent-test-results[hidden]{position:absolute;bottom:14px;left:14px;right:14px;z-index:2;min-height:0;margin:0;padding:13px;border:1px solid #98c5a3;box-shadow:0 4px 20px #264c2920}#agent-test-results[hidden]{pointer-events:none}.learning-outcome,.learning-outcome[hidden]{min-height:95px;margin-top:10px;padding:12px}.learning-controls{min-height:74px;padding:12px 0;gap:15px}.learning-controls p{font-size:13px;height:48px;min-height:48px;max-width:65%}.learning-player{display:flex;align-items:center;gap:6px;flex-shrink:0}.learning-player button{padding:8px 11px;border:1px solid #cadbcd;border-radius:8px;background:#fff;color:#365c44;font-size:12px;min-width:34px}.learning-player button:hover{background:#e7f1e5}.learning-playback{font-size:10px;margin-left:6px}.learning-tabs .learning-tab{cursor:pointer;border-radius:9px 9px 0 0}.learning-tabs .learning-tab:hover{background:#eef4ec}.learning-tabs .learning-tab:focus-visible,.learning-player button:focus-visible{outline:2px solid #22674c;outline-offset:3px}.learning-tabs .learning-tab>small{min-height:32px}.learning-panel[data-learning-panel="2"]{grid-template-columns:.8fr 1.2fr}
@media(max-width:850px){.learning-panel,.learning-panel[hidden],.learning-panel[data-learning-panel="2"]{grid-template-columns:.85fr 1.15fr;padding:20px;gap:20px}.learning-narrative h3{font-size:27px}.learning-narrative>p{font-size:14px}.learning-playback{display:none}.learning-controls p{max-width:72%}}
@media(max-width:650px){.learning-panel,.learning-panel[hidden],.learning-panel[data-learning-panel="2"]{grid-template-columns:1fr;padding:18px;gap:18px}.learning-narrative{padding-top:0}.learning-narrative h3{font-size:26px;line-height:1.12;margin:10px 0}.learning-narrative>p{font-size:14px;line-height:1.5;margin:10px 0}.learning-draft{height:54px;min-height:54px;margin-top:12px}.learning-person{margin-top:12px}.learning-label{font-size:9px}.learning-visual{padding:13px}.agent-studio{padding:0}.learning-controls{flex-direction:row;align-items:center;min-height:74px}.learning-controls p{font-size:12px;line-height:1.4;max-width:64%;height:54px;min-height:54px}.learning-player{gap:4px}.learning-player button{padding:8px;min-width:30px}.learning-surface{min-height:0}.create-milestones{margin-top:12px}}