/* Composition taken from AI Delivery Platform's opened case presentation. */
.forge-case-name{font-size:17px;color:#38546a;font-weight:600}
.forge-cobol-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr);gap:36px;align-items:center;min-height:350px}
.forge-cobol-visual{min-width:0;background:radial-gradient(ellipse at 50% 60%,#eaf6fcaa,#f7f0fc66 35%,transparent 70%)}
.forge-cobol-visual svg{width:100%;display:block;overflow:visible;animation:forge-scene-in .5s ease-out}
.forge-cobol-roles{display:flex;flex-direction:column;gap:24px}
.forge-cobol-role{display:flex;gap:14px;padding:22px 18px;border:1px solid #deebf1;border-radius:18px;background:linear-gradient(110deg,#e8f7fc,#f4fbfe);box-shadow:0 0 0 6px #f6fbfd55;align-items:flex-start}
.forge-cobol-role.human{background:linear-gradient(110deg,#f0e5fa,#f9f5fc);border-color:#e5d9ee;box-shadow:0 0 0 6px #fbf7fd55}
.forge-cobol-role .role-symbol{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:linear-gradient(130deg,#009ec5,#1765a5);border-radius:12px;color:white;font-size:21px;box-shadow:0 5px 12px #1a80ab20}
.forge-cobol-role.human .role-symbol{border-radius:50%;background:linear-gradient(130deg,#bd8adc,#7854b8)}
.forge-cobol-role small{display:block;font-size:8px;letter-spacing:.09em;color:#51869f;margin-bottom:8px}
.forge-cobol-role.human small{color:#a17dba}
.forge-cobol-role strong{display:block;font-size:18px;line-height:1.25;color:#35617a;font-weight:650}
.forge-cobol-role.human strong{color:#785b97}
.forge-cobol-role p{font-size:14px;line-height:1.5;color:#627b8f;margin:8px 0 0}
.catalog-family-demo .business-case{display:none}
.catalog-family-demo .story-heading{width:calc(70% - 10px);align-self:flex-start;text-align:center}
.catalog-family-demo .story-heading h2{font-size:clamp(25px,2.5vw,33px)!important}
.catalog-family-demo .story-route{margin-bottom:20px}
.catalog-family-demo .story-route button{border:0;background:transparent;padding:8px 13px;min-height:36px}
.catalog-family-demo .story-route button[aria-pressed=true]{background:#eee9f7}
.catalog-family-demo .story-route button[aria-pressed=true] span{color:#7758a6}
.catalog-family-demo .scenario-controls{justify-content:flex-start;padding-left:12%;margin:0 0 5px}
.catalog-family-demo .step-gain{padding:8px 18px;margin-top:8px;background:#eaf7ef;border-radius:25px}
.catalog-family-demo .step-gain strong{font-size:16px}
.catalog-family-demo .gain-audience{display:none}
.catalog-family-demo .story-controls{margin-top:10px}
@keyframes forge-scene-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.forge-cobol-layout{grid-template-columns:1fr;gap:12px;min-height:0}.forge-cobol-visual svg{max-height:200px}.forge-cobol-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forge-cobol-role{padding:13px 10px;gap:8px;border-radius:12px}.forge-cobol-role .role-symbol{width:24px;height:24px;font-size:14px;border-radius:8px}.forge-cobol-role strong{font-size:13px}.forge-cobol-role p{font-size:12px}.forge-cobol-role small{font-size:7px}.catalog-family-demo .story-heading{width:100%}.catalog-family-demo .story-heading h2{font-size:24px!important}.catalog-family-demo .scenario-controls{justify-content:center;padding-left:0}.forge-case-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.forge-cobol-visual svg{animation:none}}
/* Benefits replace repeated role labels; remove duplicate benefit footer. */
.catalog-family-demo .step-gain{display:none}
.forge-cobol-role.agent{background:linear-gradient(110deg,#e9f6ee,#f6fbf8);border-color:#d7e9de}
.forge-cobol-role.agent .role-symbol{background:linear-gradient(130deg,#52ae8d,#267a60)}
.forge-cobol-role.agent small{color:#5b8d74}
.forge-cobol-role.agent strong{color:#327b5f}
.catalog-family-demo .story-route{margin-top:18px}
