/* A reserved caption edge, never an overlay on the demo or its controls. */
.concept .demo-narrative{--guide-accent:#80e4db;color:#f6f8fa;background:#0b0f2c;border-top:1px solid #46536e;border-bottom:1px solid #46536e;padding:20px 28px;position:relative;isolation:isolate;min-width:0;text-align:left}
.concept .demo-guide-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}
.concept .demo-guide-context{min-width:0}
.concept .demo-guide-audience{display:block;font-size:10px;line-height:1.5;letter-spacing:.07em;color:#aec0d8;margin-bottom:5px}
.concept .demo-guide-hook{font-size:15px;line-height:1.5;font-weight:500;color:#f6f8fa;margin:0;max-width:85ch}
.concept .demo-narrative .demo-guide-toggle{flex:0 0 auto;background:transparent;border:1px solid #8292aa;border-radius:5px;color:#f6f8fa;min-height:44px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;box-shadow:none;white-space:nowrap}
.concept .demo-guide-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start;min-height:127px}
.concept .demo-guide-locator,.concept .demo-guide-value-label{display:block;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-accent);margin:0 0 7px}
.concept .demo-guide-focus{display:block;font-size:17px;line-height:1.4;color:#fff;font-weight:600;margin-bottom:6px}
.concept .demo-guide-description,.concept .demo-guide-benefit{font-size:14px;line-height:1.65;color:#dce6f1;margin:0;max-width:70ch}
.concept .demo-guide-value{border-left:2px solid var(--guide-accent);padding-left:22px;min-width:0}
.concept .demo-narrative .demo-guide-next{display:inline-flex;align-items:center;min-height:44px;color:#8cebdd;font-size:13px;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:6px;padding:5px 0;max-width:100%;overflow-wrap:anywhere}
.concept .demo-narrative :is(button,a):focus-visible{outline:3px solid #f0c34e;outline-offset:4px}
.concept .demo-narrative .demo-guide-toggle:hover{border-color:#80e4db;background:#ffffff0d}
.concept .demo-narrative [hidden],.concept .demo-narrative-replaced{display:none!important}
.concept .demo-narrative.is-collapsed .demo-guide-top{margin-bottom:0}
.concept .demo-narrative.is-outcome{border-bottom-color:#80e4db}
.practice-separated .motion-story.has-demo-guide .cinema-panel{grid-template-columns:minmax(0,1fr);padding-top:26px;min-height:0}
.practice-separated .motion-story.has-demo-guide .cinema-stage{min-height:0}
.practice-separated .motion-story.has-demo-guide .film-scene{max-width:970px;width:100%;margin-inline:auto}
.concept .catalyst-workbench>.demo-narrative{grid-column:1/-1;border-radius:8px 8px 0 0}
.concept .catalyst-workbench.has-demo-guide .run-inspector>p,.concept .catalyst-workbench.has-demo-guide .run-handoff{display:none}
.concept .mcp-cinema.has-demo-guide .mcp-scene{grid-template-columns:1fr;gap:18px;min-height:480px;padding:28px 36px}
.concept .mcp-cinema.has-demo-guide .mcp-narrative .mcp-eyebrow{display:none}
.concept .mcp-cinema.has-demo-guide .mcp-narrative h3{font-size:24px;line-height:1.3;margin:0;max-width:none}
.concept .mcp-cinema.has-demo-guide .mcp-visual{width:100%;max-width:900px;justify-self:center}
.concept .workflow-films .demo-narrative,.concept .feature-film .demo-narrative{margin-top:20px}
.concept :is(.workflow-films,.studio-film) video::cue{font-size:18px;color:#f6f8fa;background-color:#0b0f2ce6}
.concept :is(.workflow-films,.studio-film) video:fullscreen::cue{font-size:clamp(18px,1.6vw,26px)}
.concept [data-subjects]>.demo-narrative,.concept [data-registry] .demo-narrative,.concept .spotfire-live>.demo-narrative{margin:20px 0}
@media(max-width:700px){
 .concept .demo-narrative{padding:18px}
 .concept .demo-guide-top{gap:12px;margin-bottom:16px}
 .concept .demo-guide-audience{font-size:9px}
 .concept .demo-guide-hook{font-size:13px;line-height:1.5}
 .concept .demo-narrative .demo-guide-toggle{font-size:11px;padding:8px;min-width:76px}
 .concept .demo-guide-body{grid-template-columns:1fr;gap:16px;min-height:225px}
 .concept .demo-guide-focus{font-size:16px}
 .concept .demo-guide-description,.concept .demo-guide-benefit{font-size:13px;line-height:1.6}
 .concept .demo-guide-value{padding-left:14px}
 .concept .mcp-cinema.has-demo-guide .mcp-scene{padding:24px 18px;min-height:0}
 .concept .mcp-cinema.has-demo-guide .mcp-narrative h3{font-size:22px}
 .concept .catalyst-workbench.has-demo-guide .run-inspector{min-height:0}
}
@media(prefers-reduced-motion:reduce){.concept .demo-narrative *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.concept .demo-narrative{border:1px solid CanvasText}.concept .demo-guide-value{border-color:CanvasText}.concept .demo-narrative .demo-guide-next{color:LinkText}.concept .demo-guide-toggle{border:1px solid ButtonText}}