/* V21 scenario explanations. Reuse the approved V13 material tokens. */
.scenario-heading{max-width:940px;margin:30px 0 32px}
.scenario-heading h1{font-size:clamp(28px,3.3vw,44px);line-height:1.16;letter-spacing:-.02em;color:var(--kit-ink);margin:12px 0 16px;max-width:27ch}
.scenario-heading>p:last-child{font-size:17px;line-height:1.65;max-width:70ch;color:var(--kit-muted);margin:0}
.scenario-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start;margin:24px 0 36px}
.scenario-story h2{font-size:21px;color:var(--kit-ink);margin:0 0 10px}
.scenario-story>p{font-size:15px;line-height:1.7;color:var(--kit-muted);margin:0 0 22px;max-width:65ch}
.scenario-trigger{padding:15px 0;border-top:1px solid var(--kit-line);border-bottom:1px solid var(--kit-line);margin-bottom:20px;font-size:14px;line-height:1.6}
.scenario-trigger strong{display:block;font-size:12px;color:var(--kit-accent);margin-bottom:5px}
.scenario-steps{padding:0;list-style:none;margin:0;counter-reset:step}
.scenario-steps li{position:relative;padding:0 0 20px 35px;counter-increment:step}
.scenario-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:11px;letter-spacing:.06em;color:var(--kit-accent)}
.scenario-steps h3{font-size:16px;line-height:1.45;margin:0 0 6px;color:var(--kit-ink)}
.scenario-steps p{font-size:14px;line-height:1.65;color:var(--kit-muted);margin:0}
.scenario-interface{margin:0;border:1px solid var(--kit-line);border-radius:var(--kit-radius);background:var(--kit-card);overflow:hidden;min-width:0;box-shadow:var(--kit-shadow)}
.scenario-interface>figcaption{font-size:11px;color:var(--kit-muted);padding:12px 20px;border-bottom:1px solid var(--kit-line);line-height:1.5}
.scenario-window-bar{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--kit-line);font-size:15px;font-weight:600;color:var(--kit-ink);line-height:1.4}
.scenario-window-bar svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--kit-accent);stroke-width:1.6}
.scenario-screen{padding:8px 22px 18px}
.scenario-screen dl{margin:0}
.scenario-screen dl>div{padding:15px 0;border-bottom:1px solid var(--kit-line);display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.5fr);gap:14px;align-items:start}
.scenario-screen dt{font-size:12px;line-height:1.6;color:var(--kit-muted)}
.scenario-screen dd{margin:0;font-size:14px;line-height:1.6;color:var(--kit-ink);overflow-wrap:anywhere}
.scenario-state{font-size:12px;line-height:1.6;color:var(--kit-accent);margin:16px 0 0;display:flex;gap:9px;align-items:baseline}
.scenario-state:before{content:"";width:5px;height:5px;flex:none;display:block;background:var(--kit-accent);border-radius:50%}
.scenario-result,.scenario-human{padding:17px 22px;border-top:1px solid var(--kit-line)}
.scenario-result strong,.scenario-human strong{display:block;font-size:13px;color:var(--kit-ink);margin-bottom:6px}
.scenario-result p,.scenario-human p{font-size:14px;line-height:1.7;color:var(--kit-muted);margin:0}
.scenario-interface[data-kind=knowledge] .scenario-screen dl>div{grid-template-columns:1fr;gap:6px}
.scenario-interface[data-kind=knowledge] .scenario-screen dl>div:first-child dd{font-size:18px;line-height:1.5}
.scenario-interface[data-kind=knowledge] .scenario-screen dl>div:nth-child(2) dd{text-decoration:underline;text-decoration-color:var(--kit-line);text-underline-offset:5px}
.scenario-interface[data-kind=assistants] .scenario-screen dl>div{grid-template-columns:1fr;gap:7px}
.scenario-interface[data-kind=assistants] .scenario-screen dl>div:nth-child(2){padding:16px;margin:8px 0;background:var(--kit-panel);border:1px solid var(--kit-line);border-radius:6px}
.scenario-followup{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:1px solid var(--kit-line);padding:26px 0}
.scenario-followup h2{font-size:21px;margin:0 0 12px;color:var(--kit-ink)}
.scenario-followup p,.scenario-followup li{font-size:14px;line-height:1.7;color:var(--kit-muted)}
.scenario-followup ul{margin:0;padding-left:19px}.scenario-followup li+li{margin-top:8px}
.scenario-technical{border-top:1px solid var(--kit-line);border-bottom:1px solid var(--kit-line);margin-bottom:24px}
.scenario-technical summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;color:var(--kit-ink)}
.scenario-technical>div{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:20px}
.scenario-technical h3{font-size:14px;color:var(--kit-ink)}
.scenario-technical p{font-size:14px;line-height:1.7;color:var(--kit-muted)}
.scenario-outro{max-width:800px}.scenario-outro>p{font-size:13px;color:var(--kit-muted);line-height:1.6}
.showroom-card[data-scenario] .showroom-art{aspect-ratio:auto;min-height:235px;background:var(--kit-card);border-bottom:1px solid var(--kit-line)}
.scenario-mini{padding:18px;height:100%;font-size:12px;line-height:1.5;color:var(--kit-ink)}
.scenario-mini-head{display:flex;align-items:center;gap:8px;font-size:13px;min-height:40px;line-height:1.4;padding-bottom:12px;border-bottom:1px solid var(--kit-line)}
.scenario-mini-head svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--kit-accent);stroke-width:1.6}
.scenario-mini dl{margin:6px 0}.scenario-mini dl>div{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(0,1.3fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--kit-line)}
.scenario-mini dt{font-size:10px;color:var(--kit-muted);line-height:1.5}.scenario-mini dd{font-size:11px;margin:0;line-height:1.5;overflow-wrap:anywhere}
.scenario-mini .scenario-state{font-size:10px;margin-top:10px}
.scenario-mini[data-kind=knowledge] dl>div,.scenario-mini[data-kind=assistants] dl>div{grid-template-columns:1fr;gap:3px}
.scenario-mini[data-kind=knowledge] dl>div:first-child dd{font-size:14px}
.scenario-mini[data-kind=assistants] dl>div:nth-child(2){padding:8px;background:var(--kit-panel)}
.showroom-card[data-scenario] .showroom-level{display:none}
.showroom-card[data-scenario] .editorial-read{display:inline-flex;align-items:center;gap:10px}
.showroom-card[data-scenario] .editorial-read svg{width:18px;height:18px;flex:none}
.scenario-caption{font-size:11px;line-height:1.6;color:var(--kit-muted);max-width:75ch}
@media(max-width:900px){.scenario-stage{gap:26px}.scenario-screen dl>div{grid-template-columns:1fr;gap:5px}.scenario-window-bar{padding:16px}.scenario-screen{padding:6px 16px 16px}.scenario-result,.scenario-human{padding:16px}}
@media(max-width:700px){.scenario-stage,.scenario-followup,.scenario-technical>div{grid-template-columns:1fr;gap:24px}.scenario-heading{margin:24px 0}.scenario-stage{margin:22px 0 28px}.scenario-followup{padding-top:22px}.scenario-story>p{margin-bottom:18px}.scenario-steps li{padding-bottom:17px}.scenario-interface{max-width:100%}.scenario-mini{padding:18px 22px}.showroom-card[data-scenario] .showroom-art{min-height:0}}