/* Data Catalog presentation language, scoped to the inline COBOL demo. */
.cobol-presentation-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0 18px;margin-bottom:14px;border-bottom:1px solid #e3e6ef;flex-shrink:0}
.cobol-brand-lockup{display:flex;align-items:center;gap:18px;font-size:13px;color:#6b7385}.cobol-brand-lockup img{object-fit:contain;width:120px;height:30px}.cobol-brand-lockup>span{border-left:1px solid #e3e6ef;padding-left:18px}
.cobol-demo-label{font-size:9px;letter-spacing:.1em;color:#8a809e}
.catalog-family-demo .business-case{margin:0 0 12px;font-size:12px}
.catalog-family-demo .story-route{gap:8px;justify-content:center;margin-bottom:20px}
.catalog-family-demo .story-route button{flex:0 1 auto;padding:10px 18px;min-height:44px;border:1px solid #e3e6ef;border-radius:24px;background:white}
.catalog-family-demo .story-route button span{font-size:12px;color:#58667c}
.catalog-family-demo .story-route button[aria-pressed=true]{background:var(--dicsys-action);border-color:transparent}
.catalog-family-demo .story-route button[aria-pressed=true] span{color:white}
.catalog-family-demo .story-route button.complete{border-color:#d4e6de}
.catalog-family-demo .real-scene{position:relative;width:100%;min-height:280px;border:1px solid #dfe4ef;border-radius:14px;background:#f5f7fb;box-shadow:0 12px 36px #24436608;padding:26px;gap:35px}
.catalog-family-demo .real-scene strong{color:#385c7f}
.catalog-family-demo .order-sheet{transform:none;box-shadow:0 8px 20px #344b7310;border-radius:10px;border-color:#dfe4ef}
.catalog-family-demo .rule-engine,.catalog-family-demo .draft-sheet,.catalog-family-demo .check-column{box-shadow:0 7px 20px #35547408;border-color:#dfe4ef}
.catalog-family-demo .operation-chain div{background:white;border:1px solid #e0e5ef;border-left:3px solid #9b7dc9;border-radius:6px}
.catalog-family-demo .scenario-controls button{border:1px solid #e3e6ef;border-radius:24px;padding:10px 18px;min-height:44px;background:#fff;color:#58667c;font-size:13px}
.catalog-family-demo .scenario-controls button[aria-pressed=true]{background:var(--dicsys-action);color:white;border-color:transparent}
.catalog-family-demo .story-heading h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.15;letter-spacing:-.035em}
.catalog-family-demo .story-controls{border-top:1px solid #e3e6ef;margin-top:8px;padding:15px 0 5px}
.catalog-family-demo .story-controls>div{width:100%;justify-content:space-between}
.catalog-family-demo .step-gain{padding:10px 22px;border-radius:12px;background:linear-gradient(100deg,#e9f5ee,#f5faf7)}
.catalog-family-demo .step-gain strong{font-size:18px}
.catalog-family-demo .gain-audience{font-size:9px}
.catalog-family-demo .illustration-label{font-size:10px;margin:8px 0}
.catalog-family-demo .story-progress{height:3px;background:#e9eaf2}
.catalog-family-demo .story-progress i{background:var(--dicsys-spectrum)}
/* Keep the selected sales preview in the same visual family. */
.catalog-family-demo .sale-art,.catalog-family-demo .sale-live-demo{border:1px solid #dfe4ef;border-radius:14px;background:#f5f7fb;padding:20px}
.catalog-family-demo .sale-art{margin-top:20px}
.catalog-family-demo .sale-demo-toggle{background:var(--dicsys-action);color:white;border:0}
.catalog-family-demo .sale-demo-cases button[aria-pressed=true]{background:var(--dicsys-action);color:white;border-color:transparent}
.catalog-family-demo .sale-content h3{font-size:clamp(28px,3vw,40px)}
@media(min-width:761px) and (max-height:850px){.catalog-family-demo .real-scene{min-height:220px;padding:16px}.catalog-family-demo .operation-chain div{padding:5px 20px}.cobol-presentation-brand{padding:6px 0 10px;margin-bottom:10px}.catalog-family-demo .story-route{margin-bottom:12px}.catalog-family-demo .business-case{display:none}.catalog-family-demo .story-heading h2{font-size:29px!important}}
@media(max-width:760px){.cobol-presentation-brand{gap:10px;padding:8px 0 12px;margin-bottom:10px}.cobol-brand-lockup{gap:10px;font-size:11px}.cobol-brand-lockup img{width:96px;height:24px}.cobol-brand-lockup>span{padding-left:10px}.cobol-demo-label{font-size:8px;max-width:85px;text-align:right}.catalog-family-demo .story-route{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.catalog-family-demo .story-route button{flex-shrink:0;padding:9px 13px}.catalog-family-demo .real-scene{padding:16px 10px;gap:12px;min-height:230px}.catalog-family-demo .story-heading h2{font-size:26px!important}.catalog-family-demo .scenario-controls button{font-size:11px;padding:8px 12px;min-height:38px}.catalog-family-demo .step-gain strong{font-size:16px}.catalog-family-demo .business-case{display:none}.catalog-family-demo .story-controls{padding-top:10px}.catalog-family-demo .sale-art{padding:10px}.catalog-family-demo .sale-live-demo{padding:10px}}