.agents-workspace .agent-work-example>.tabs{grid-template-rows:min-content minmax(0,1fr)}
.agents-workspace .agent-work-example .agent-nav-title{grid-column:1;grid-row:1;font:400 25px/1.2 var(--serif);letter-spacing:-.02em;color:#284c37;background:#f7f9f2;border-right:1px solid #d7e1ce;margin:0;padding:24px 29px 8px;max-width:none}
.agents-workspace .agent-work-example .tab-rail{grid-column:1;grid-row:2;padding-top:8px}
.agents-workspace .agent-work-example .tab-surfaces{grid-column:2;grid-row:1/3}
.agent-depth{margin-top:25px;color:#38543f;--depth-accent:#2d6656}
.agent-depth[data-agent-key=policy]{--depth-accent:#60774e}.agent-depth[data-agent-key=training]{--depth-accent:#416c88}.agent-depth[data-agent-key=communication]{--depth-accent:#93664c}.agent-depth[data-agent-key=pulse]{--depth-accent:#746088}
.agent-depth-actions{display:flex;flex-wrap:wrap;gap:9px}
.depth-action{display:inline-flex;align-items:center;gap:13px;min-height:44px;border:1px solid #c5d4bd;background:#fafcf6;border-radius:4px;padding:9px 13px;color:#375a40;font:400 13px/1.45 var(--sans);text-align:left;cursor:pointer}
.depth-action:hover{border-color:var(--depth-accent);background:#f0f5e9}.depth-action:focus-visible{outline:2px solid #0b7b71;outline-offset:3px}
.depth-action[aria-expanded=true]{border-color:var(--depth-accent);color:var(--depth-accent);background:#f3f7ed}
.depth-action-arrow{font-size:17px;line-height:1;margin-left:auto;color:var(--depth-accent);transition:transform .16s}
.depth-action[aria-expanded=true] .depth-action-arrow{transform:rotate(45deg)}
.agent-depth-detail{margin-top:19px;border-top:1px solid #d5e0cc;padding-top:18px;animation:depth-appear .16s ease-out}
.agent-depth-detail[hidden]{display:none!important}
.agents-workspace .agent-work-example .depth-kicker{font:400 11px/1.5 var(--sans);color:#6e8064;margin:0 0 7px}
.agent-depth-detail h4{font:400 25px/1.16 var(--serif);letter-spacing:-.02em;color:#264d38;margin:0 0 15px;text-wrap:pretty;max-width:660px}
.depth-outline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 27px;margin:0;padding:0;list-style:none}
.depth-outline li{font:400 13px/1.65 var(--sans);color:#4e6649;margin:0;padding-left:12px;position:relative}
.depth-outline li:before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;background:#a1b88a;border-radius:1px}
.depth-rows{margin:0}.depth-rows>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:17px;padding:10px 0;border-top:1px solid #e2e9db}.depth-rows>div:first-child{border-top:0;padding-top:0}
.depth-rows dt{font:500 12px/1.65 var(--sans);color:#395e43}.depth-rows dd{font:400 13px/1.65 var(--sans);color:#617459;margin:0}
.agents-workspace .agent-work-example .depth-note{font:400 12px/1.7 var(--sans);color:#6d7d61;margin:14px 0 0;max-width:640px}
.agents-workspace .agent-work-example .depth-question{font:400 25px/1.25 var(--serif);color:#365d42;max-width:580px;margin:0;text-wrap:pretty}
.depth-learning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.depth-learning>div{border:1px solid #d1dec4;background:#f5f8ee;padding:15px 13px;min-height:105px;border-radius:3px}.depth-learning>div>span{font:400 10px/1.5 var(--sans);color:#7d926b}.depth-learning h5{font:400 20px/1.2 var(--serif);letter-spacing:-.02em;color:#36563b;margin:13px 0 0;text-wrap:pretty}
.depth-message{border-left:2px solid #bdcfa9;padding:4px 0 4px 18px}.agents-workspace .agent-work-example .depth-message p{font:400 15px/1.8 var(--sans);color:#4e6648;margin:0}
.depth-questions{padding-left:19px;margin:0}.depth-questions li{font:400 18px/1.35 var(--serif);color:#36563f;margin:0 0 15px;padding-left:4px;text-wrap:pretty}.depth-questions small{display:block;font:400 11px/1.5 var(--sans);color:#718066;margin-top:7px}
.depth-timing{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:400 12px/1.5 var(--sans)}.depth-timing span{padding:9px 12px;border:1px solid #cad9be;border-radius:3px;background:#f6f9f0}.depth-timing i{font-style:normal;color:#82966f}
.agents-workspace .agent-work-example .depth-state{display:inline-block;font:400 11px/1.5 var(--sans);color:#776e50;border:1px solid #d6cfb6;border-radius:3px;padding:3px 8px;margin:13px 0 0}
.depth-b .agent-depth-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.depth-b .depth-action{display:grid;grid-template-columns:1fr auto;align-content:start;padding:16px 15px;min-height:127px;gap:9px 12px;background:#fcfdf9}
.depth-b .depth-action-label{font-weight:500;font-size:14px}.depth-b .depth-action-hint{grid-column:1/-1;grid-row:2;font:400 12px/1.6 var(--sans);color:#748269}.depth-b .depth-action-arrow{grid-column:2;grid-row:1;margin-top:1px}
.agents-workspace .agent-work-example .depth-path{font:400 12px/1.6 var(--sans);color:#718568;margin:0 0 14px}
.depth-c .agent-depth-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.depth-c .depth-action{padding:12px 10px;gap:9px;align-items:start;background:#fff;min-height:69px}
.depth-step{width:20px;height:20px;display:grid;place-items:center;border:1px solid #bbcea9;border-radius:50%;font:400 10px/1 var(--sans);flex-shrink:0;margin-top:1px}.depth-c .depth-action-label{font-size:12px}.depth-c .depth-action-arrow{display:none}
@keyframes depth-appear{from{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.depth-b .agent-depth-actions,.depth-c .agent-depth-actions{grid-template-columns:1fr}.depth-b .depth-action{min-height:0}.depth-c .depth-action{min-height:44px;align-items:center}.depth-outline{grid-template-columns:1fr}.depth-rows>div{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:760px){.agents-workspace .agent-work-example .agent-nav-title{padding:20px 24px 8px;border-right:0;font-size:24px}.agents-workspace .agent-work-example .tab-rail{padding-top:7px}.agent-depth{margin-top:22px}.depth-action{min-height:44px}.depth-learning{grid-template-columns:1fr}.depth-learning>div{min-height:0}.depth-learning h5{margin-top:7px}.depth-rows>div{grid-template-columns:1fr;gap:4px}.agent-depth-detail h4{font-size:25px}.depth-b .depth-action{padding:14px}.depth-c .depth-action{min-height:47px}.depth-timing{gap:8px;font-size:11px}.depth-timing span{padding:8px}}
@media(prefers-reduced-motion:reduce){.agent-depth-detail{animation:none}.depth-action-arrow{transition:none}}