/* V11: model-origin expansion, three Agent rooms and substantial display shells. */
.course-page .model-gallery{margin-bottom:44px;padding-top:24px}
.model-carousel-shell{position:relative;width:100%}
.course-page .model-carousel{width:calc(100% - 104px);margin:0 auto;height:232px}
.model-arrow{position:absolute;margin:0;top:38px;width:46px;height:50px;z-index:12;padding:10px;border-radius:17px;background:linear-gradient(145deg,#f3f9ffbf,#dbeaf7a6);border:1px solid #eef8ff91;box-shadow:inset 0 1px 1px #fff8,0 6px 18px #213e5721;color:#496d8a;display:grid;place-items:center;transition:transform .25s,background .25s}
.model-arrow-prev{left:0}.model-arrow-next{right:0}
.model-arrow svg{width:23px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.model-arrow:hover{transform:scale(1.08);background:#f4fbff}.model-arrow:focus-visible{outline:2px solid #d1ebff;outline-offset:4px}
.course-page .model-sculpture{transform:translateX(calc(var(--offset)*126px)) translateZ(calc(var(--distance)*-55px)) rotateY(calc(var(--offset)*-7deg))}
.course-page .model-sculpture[aria-pressed=true]{transform:translateZ(34px) scale(1.16)}
.model-information .branch-panel{transform-origin:center;animation:none!important;will-change:transform,opacity}
#model-profile[aria-busy=true]{pointer-events:none}
#benchmark-panel{margin-top:48px}

/* Side and lower surfaces sit behind the existing content face. */
.extension-experiences .extension-case>div.panel-volume,.course-page .auto-practice .case-visual>div.panel-volume{position:relative;transform-style:preserve-3d;border-radius:22px;box-shadow:0 2px 3px #304f6e25,0 24px 37px -9px #4064844d,0 45px 65px -25px #496e8d45;background:#bccfdf}
.panel-volume>.fund-deck{margin:0}
.panel-volume>div{position:relative;z-index:1;transform:none!important;border-radius:22px}
.panel-volume::before{content:"";position:absolute;z-index:0;top:8px;bottom:-14px;left:-11px;right:8px;border:1px solid #bfd1e0;border-radius:22px;background:linear-gradient(100deg,#8ca9c1,#b7cbdc 20%,#c1d4e2 78%,#99b5cb);box-shadow:inset 1px 1px 3px #e8f5ffb8,inset 0 -5px 7px #6c8aa548,0 7px 10px #46698622}
.volume-right::before{left:8px;right:-11px;background:linear-gradient(100deg,#c1d4e2,#b7cbdc 78%,#8ca9c1)}
.panel-volume::after{content:"";position:absolute;inset:-1px;z-index:2;border:2px solid #e6f1f9d9;border-radius:22px;box-shadow:inset 2px 2px 3px #fff,inset -3px -3px 6px #8aa9c029;pointer-events:none}
.panel-volume>div:is(.mailbox-example,.mail-result,.research-brief,.research-report-preview,.real-word-reader,.fund-deck,.chat-source,.plan-workbench,.article-source-material){box-shadow:none!important;border-color:#e3edf5;background-color:#f9fcff}
.panel-volume>.article-output{border-radius:22px;background:transparent}
.panel-volume:has(>.article-output){background:transparent}
.panel-volume>.article-output>.article-collect-state,.panel-volume>.article-output>.topic-library{border-radius:22px;background:#f9fcff}
.panel-volume .article-reading-card{border-color:#d5e4ef;box-shadow:0 8px 18px #45678319}
.extension-experiences .extension-case,.course-page .auto-practice .case-visual{padding-top:38px;padding-bottom:48px}
.case-document-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 4px;margin-top:22px;border-top:1px solid #b8cedf75;border-bottom:1px solid #b8cedf75;font-size:16px;color:#507894}
.case-document-link span{font-size:21px;color:#7a9db7}.case-document-link:hover{color:#264f70}

/* Three spatial zones, with fading outer boundaries and a recessed junction. */
.installation-lab.installation-rooms{height:850px;border:0;border-radius:0;overflow:visible;background:transparent;margin:32px -18px 15px;isolation:isolate}
.agent-zone{position:absolute;inset:0;z-index:1;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s;cursor:pointer}
.agent-zone::before,.agent-zone::after{content:"";position:absolute;inset:-12px;pointer-events:none;mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 25%,#000e 62%,transparent 100%)}
.zone-codex{clip-path:polygon(0 0,100% 0,100% 21.15%,50% 53.08%,0 21.15%)}
.zone-dsh{clip-path:polygon(0 21.15%,50% 53.08%,50% 100%,0 100%)}
.zone-workbuddy{clip-path:polygon(100% 21.15%,100% 100%,50% 100%,50% 53.08%)}
.zone-codex::before{background:radial-gradient(ellipse at 50% 15%,#e7e8fcf0,#c9dcedbf 48%,#e3eef980)}
.zone-dsh::before{background:radial-gradient(ellipse at 16% 76%,#d7eaf8fa,#aacde3b8 48%,#dceaf980)}
.zone-workbuddy::before{background:radial-gradient(ellipse at 86% 76%,#deeff0f7,#b6d9dfae 48%,#e3eff680)}
.agent-zone::after{opacity:.16;background:repeating-linear-gradient(125deg,transparent 0 38px,#fff 39px 40px);transition:opacity .6s,background .6s}
.installation-rooms .installation-rays{z-index:3;pointer-events:none;overflow:visible}
.installation-rooms .installation-rays .room-gutter{fill:none;stroke:#93afc75c;stroke-width:14;opacity:1;stroke-linecap:round;filter:drop-shadow(0 3px 3px #738fa751)}
.installation-rooms .installation-rays .room-gutter-light{fill:none;stroke:#f6fbffd9;stroke-width:3;opacity:1;stroke-linecap:round}
.installation-rooms .installation-core{z-index:4;pointer-events:none;top:53.08%}
.installation-rooms .app-stage{height:auto;z-index:2;transform:none!important;opacity:1!important;filter:none!important;transition:none;width:41%;top:58%;left:4%;right:auto}
.installation-rooms .app-stage-codex{top:16px;left:27%;right:auto;width:46%}
.installation-rooms .app-stage-workbuddy{left:auto;right:4%}
.installation-rooms .app-stage-heading{margin-bottom:16px;gap:13px;position:relative;z-index:2}
.installation-rooms .app-stage-heading h3{font-size:28px;color:#305873}
.installation-rooms .app-stage-heading p{font-size:14px;color:#6a8da7}
.installation-rooms .app-stage-mark{width:57px;height:57px;border-radius:18px;box-shadow:0 7px 14px #63849d28,inset 2px 2px 3px #fff}
.installation-rooms .app-stage-screen{height:210px;border:2px solid #f5fbff;border-radius:20px;box-shadow:0 7px 0 -2px #afc7db,0 20px 30px #486b8d2e;background:#eaf3fb;transition:box-shadow .6s}
.installation-rooms .app-stage-screen video{pointer-events:none}
.installation-rooms[data-active-app] .agent-zone{filter:saturate(.78) brightness(.97)}
.installation-rooms[data-active-app=codex] .zone-codex,.installation-rooms[data-active-app=dsh] .zone-dsh,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy{z-index:2;transform:scale(1.025);filter:saturate(1.07) brightness(1.04)}
.installation-rooms[data-active-app=codex] .zone-codex::after,.installation-rooms[data-active-app=dsh] .zone-dsh::after,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy::after{opacity:.55;background:radial-gradient(ellipse at 50% 50%,#fff8,transparent 70%)}
.installation-rooms[data-active-app=codex] .zone-codex .app-stage-screen,.installation-rooms[data-active-app=dsh] .zone-dsh .app-stage-screen,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy .app-stage-screen{box-shadow:0 8px 0 -2px #9fbad0,0 26px 40px #38688a47,0 0 30px #f8fdffb8}
.agent-links{position:absolute;z-index:5;right:0;top:66px;width:195px;padding:7px;border:1px solid #d2e1ed;border-radius:16px;background:#f8fcfff5;backdrop-filter:blur(18px);box-shadow:0 15px 30px #36577340;display:grid;gap:3px}
.agent-links[hidden]{display:none!important}
.agent-links a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:11px;font-size:15px;color:#365d79}
.agent-links a:hover,.agent-links a:focus-visible{background:#e4eef7;outline:none}.agent-links a:focus-visible{box-shadow:inset 0 0 0 2px #91b4d0}
.installation-rooms .app-stage-heading:focus-visible{outline:2px solid #7ca5c3;outline-offset:7px;border-radius:12px}
@media(min-width:1700px){.course-page .model-carousel{height:270px}.course-page .model-sculpture{transform:translateX(calc(var(--offset)*164px)) translateZ(calc(var(--distance)*-62px)) rotateY(calc(var(--offset)*-7deg))}.course-page .model-sculpture[aria-pressed=true]{transform:translateZ(38px) scale(1.16)}.model-arrow{top:48px;width:56px;height:60px}.installation-lab.installation-rooms{height:980px}.installation-rooms .app-stage-screen{height:250px}.installation-rooms .app-stage-heading h3{font-size:33px}.installation-rooms .app-stage-heading p{font-size:17px}.installation-rooms .app-stage-codex{top:22px}.installation-rooms .app-stage-mark{height:67px;width:67px}.agent-links{top:79px;font-size:17px;width:220px}}
@media(max-width:1100px){.course-page .model-sculpture{transform:translateX(calc(var(--offset)*95px)) translateZ(calc(var(--distance)*-72px)) rotateY(calc(var(--offset)*-8deg))}.course-page .model-sculpture[aria-pressed=true]{transform:translateZ(20px) scale(1.13)}.installation-rooms .app-stage-heading h3{font-size:22px}.installation-rooms .app-stage-heading p{font-size:12px}.installation-rooms .app-stage-mark{width:47px;height:47px}.installation-rooms .app-stage-screen{height:190px}.agent-links{top:60px;width:175px}.agent-links a{font-size:14px}}
@media(max-width:800px){.installation-lab.installation-rooms{height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin:28px 0 0}.installation-rooms .agent-zone{position:relative;inset:auto;min-width:0;clip-path:none;padding:26px 20px 32px;border-radius:25px;overflow:visible;background:#e0edf780;box-shadow:inset 0 2px 3px #fff,0 10px 20px #52769715}.agent-zone::before,.agent-zone::after{inset:0;border-radius:25px;mask-image:none;opacity:.3}.installation-rooms .app-stage,.installation-rooms .app-stage-codex,.installation-rooms .app-stage-dsh,.installation-rooms .app-stage-workbuddy{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto}.installation-rooms .app-stage-screen{height:235px}.installation-rooms .installation-rays,.installation-rooms .installation-core{display:none}.installation-rooms .app-stage-heading h3{font-size:24px}.installation-rooms .app-stage-heading p{font-size:12px}.installation-rooms[data-active-app] .agent-zone{filter:none}.installation-rooms[data-active-app=codex] .zone-codex,.installation-rooms[data-active-app=dsh] .zone-dsh,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy{transform:scale(1.012)}.agent-links{top:62px;width:185px}.panel-volume::before{left:-5px;right:5px;bottom:-10px}.volume-right::before{left:5px;right:-5px}.extension-experiences .extension-case>div.panel-volume:has(>.research-brief){display:none}.course-page .auto-practice .case-visual>div.panel-volume,.extension-experiences .extension-case>div.panel-volume{box-shadow:0 18px 28px -8px #40648438}.case-document-link{font-size:14px;line-height:1.65}.model-arrow{top:38px;width:39px;height:43px;padding:9px;border-radius:14px}.course-page .model-carousel{width:calc(100% - 70px)}}
@media(max-width:680px){.course-page .model-gallery{padding-top:20px;margin-bottom:38px}.course-page .model-carousel{height:220px}.course-page .model-sculpture{transform:translateX(calc(var(--offset)*91px)) translateZ(calc(var(--distance)*-130px)) rotateY(calc(var(--offset)*-15deg))}.course-page .model-sculpture[aria-pressed=true]{transform:translateZ(13px) scale(1.12)}.installation-rooms .app-stage-screen{height:190px}.installation-rooms .agent-zone{padding:22px 14px 30px}.installation-rooms .app-stage-heading h3{font-size:clamp(18px,5vw,22px)}.installation-rooms .app-stage-heading>div{min-width:0}.installation-rooms .app-stage-heading p{font-size:11px}.installation-rooms .app-stage-heading{gap:10px}.installation-rooms .app-stage-mark{width:45px;height:45px}.agent-links{width:170px;top:64px}#benchmark-panel{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.agent-zone,.agent-zone::after,.model-arrow{transition:none!important}.model-information .branch-panel{will-change:auto}}