.story-card{--story-accent:#234f76;--story-tint:#e5eef6;min-width:0;background:#fff;border:1px solid #d9dcdf;border-radius:16px;padding:28px;display:flex;flex-direction:column;box-shadow:0 4px 18px #14213005}
.story-commerce{--story-accent:#445324;--story-tint:#edf0dd}.story-access{--story-accent:#17624a;--story-tint:#e2f0e9}.story-expertise{--story-accent:#6b4386;--story-tint:#efe8f5}.story-enterprise{--story-accent:#6b4a27;--story-tint:#f2eadd;max-width:1620px;margin:26px auto 0}
.story-heading{display:flex;align-items:center;gap:14px}.story-heading h3{font-size:25px;font-weight:550;letter-spacing:-.6px;line-height:1.4}.story-index{font-size:13px;color:var(--story-accent);border:1px solid #d9dcdf;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-family:'IBM Plex Sans',sans-serif}
.story-summary{font-size:16px;line-height:1.7;color:#535960;margin:14px 0 24px;min-height:55px;max-width:680px}
.walkthrough{--story-accent:#b95835;--story-tint:#f0e9e3;color:#1c252a;min-width:0}.story-card .walkthrough{--story-accent:inherit;--story-tint:inherit}.walkthrough[data-theme=rights]{--story-accent:#234f76;--story-tint:#e5eef6}.walkthrough[data-theme=commerce]{--story-accent:#445324;--story-tint:#edf0dd}.walkthrough[data-theme=access]{--story-accent:#17624a;--story-tint:#e2f0e9}.walkthrough[data-theme=expertise]{--story-accent:#6b4386;--story-tint:#efe8f5}.walkthrough[data-theme=enterprise]{--story-accent:#6b4a27;--story-tint:#f2eadd}
.walk-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#63686d;margin-bottom:14px}.walk-meta>span:first-child{color:var(--story-accent);font-weight:600}
.walk-prompt{background:var(--story-tint);padding:15px 18px;border-radius:12px 12px 3px 12px;font-size:16px;line-height:1.65;min-height:85px;margin-inline-start:24px;border:1px solid #00000006}
.walk-widget{border:1px solid #d8dfe2;border-radius:12px;margin-top:18px;background:#fcfcfc;overflow:hidden;box-shadow:0 10px 24px #10243407}.walk-widget-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e1e4e6;font-size:13px;background:#fff}.walk-widget-top bdi{font-family:'IBM Plex Sans',sans-serif;font-weight:600}.walk-stage-label{background:var(--story-tint);color:var(--story-accent);padding:3px 9px;border-radius:5px;white-space:nowrap}.walk-frame{padding:21px 18px;min-height:307px}.walk-title{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.4px;margin:0 0 16px;color:#1a262e}.walk-rows{margin:0}.walk-rows>div{display:grid;grid-template-columns:.9fr 1.3fr;gap:15px;border-top:1px solid #e6e8ea;padding:10px 0;font-size:14px;line-height:1.6}.walk-rows dt{color:#636b71}.walk-rows dd{margin:0;color:#23313c;font-weight:500;overflow-wrap:anywhere}.walk-description{font-size:14px;color:#626b72;line-height:1.65;margin-top:15px}
.walk-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.walk-timeline button{border:0;border-top:3px solid #d7dce0;background:none;color:#626b72;display:flex;align-items:center;gap:7px;justify-content:center;min-height:46px;font-size:14px;padding:10px 4px}.walk-timeline button.is-current{border-color:var(--story-accent);color:var(--story-accent);font-weight:600}.walk-timeline button>span{font:12px 'IBM Plex Sans',sans-serif}.walk-controls{display:flex;gap:10px;margin:12px 0 0;flex-wrap:wrap}.walk-controls button{min-height:46px;padding:11px 17px;border-radius:7px;font-size:14px;border:1px solid #c9d0d5;background:#fff;color:#28333b}.walk-controls button:first-child{background:var(--story-accent);border-color:var(--story-accent);color:#fff;flex:1}.walk-controls button:hover{filter:brightness(.95)}
.story-details{border:0;border-top:1px solid #e0e4e6;padding:20px 0 0;margin-top:24px;text-align:start;background:none;font-size:14px;color:var(--story-accent);min-height:46px}.story-details:hover{text-decoration:underline;text-underline-offset:5px}.story-demo{flex:1}
.story-enterprise .story-demo{max-width:800px;width:100%;align-self:center}.story-enterprise .walk-frame{min-height:280px}.story-enterprise .story-summary{min-height:0}
.modal-walkthrough{padding:22px;background:#fff;border-radius:12px;margin-top:24px}.modal-walkthrough .walk-prompt{min-height:0}.modal-walkthrough .walk-frame{min-height:280px}
[dir=rtl] .story-heading h3{font-family:'IBM Plex Sans','IBM Plex Sans Arabic',sans-serif;font-weight:500;letter-spacing:0}[dir=rtl] .walk-title{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:23px;line-height:1.4;letter-spacing:0}[dir=rtl] .walk-prompt{border-radius:12px 12px 12px 3px}[dir=rtl] .walk-frame{min-height:335px}
@media(max-width:1000px){.story-card{padding:22px}.walk-frame{min-height:340px}.walk-prompt{min-height:110px}.story-summary{min-height:82px}.walk-rows>div{grid-template-columns:.8fr 1.2fr;gap:10px}.walk-widget-top{padding-inline:14px}.walk-frame{padding-inline:14px}}
@media(max-width:760px){.story-card{padding:22px 18px}.story-heading h3{font-size:23px}.story-summary{min-height:0}.walk-frame,[dir=rtl] .walk-frame{min-height:325px}.walk-prompt{margin-inline-start:12px;min-height:0}.walk-meta{font-size:12px}.walk-meta>span:last-child{font-size:12px}.walk-controls button{padding-inline:13px}.walk-timeline button{font-size:13px}.walk-rows>div{font-size:14px}.story-enterprise{margin-top:20px}.modal-walkthrough{padding:16px;margin-inline:-8px}.walk-title{font-size:19px}.walk-description{font-size:14px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.walkthrough *{animation:none!important;transition:none!important}}