/* One persistent opportunity, from connected evidence to a clear next move. */
.intelligence-wrap{max-width:1080px}
.story-layout{display:grid;grid-template-columns:290px minmax(0,640px);gap:55px;align-items:center;justify-content:center;max-width:985px;margin-inline:auto}
.story-controls{display:flex;flex-direction:column;gap:0;border:0;border-radius:0;background:none;overflow:visible}
.story-tab{position:relative;display:block;width:100%;min-width:0;padding:23px 0;text-align:left;color:#838383;background:none;border:0;border-top:1px solid #dbdbdb;transition:color .3s}
.story-tab:last-child{border-bottom:1px solid #dbdbdb}
.story-tab:focus-visible{outline:2px solid #646464;outline-offset:7px;border-radius:2px}
.story-kicker{display:block;font-size:8px;font-weight:650;letter-spacing:1.5px;line-height:1.5;color:#8a8a8a;margin-bottom:7px}
.story-tab h3{font:700 25px/1.3 var(--heading);letter-spacing:-.8px}
.story-tab.active{color:#282828}
.story-tab.active .story-kicker{color:#616161}
.story-description{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .45s ease,opacity .35s,margin-top .45s}
.story-description p{min-height:0;overflow:hidden;font-size:12px;line-height:1.85;color:#6c6c6c;font-weight:400}
.story-tab.active .story-description{grid-template-rows:1fr;opacity:1;margin-top:12px}
.story-progress{position:absolute;left:0;bottom:-1px;display:block;width:100%;height:2px;background:linear-gradient(90deg,#939393,#5e5e5e);transform:scaleX(0);transform-origin:left;transition:transform .08s linear}

.story-stage{position:relative;isolation:isolate;width:100%;height:502px;min-width:0;overflow:hidden;border:1px solid #373737;border-radius:15px;background:#151515;color:#e9e9e9;box-shadow:0 25px 55px -24px #2e2e2e5c,0 4px 10px #1e1e1e15;display:flex;flex-direction:column}
.story-stage:focus-visible{outline:3px solid #868686;outline-offset:5px}
.story-atmosphere{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse 85% 75% at 0 0,#49494961,transparent 72%),radial-gradient(ellipse 65% 75% at 100% 100%,#3636366e,transparent 78%),linear-gradient(130deg,#1d1d1d,#151515 65%);pointer-events:none}
.story-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#aeaeae05 1px,transparent 1px),linear-gradient(90deg,#aeaeae05 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(150deg,#000000,transparent 80%);pointer-events:none}
.story-toolbar{height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #ffffff0b;background:#ffffff02;position:relative;z-index:2}
.story-toolbar>span:first-child{display:flex;align-items:center;gap:7px;min-width:0}
.story-toolbar svg{width:14px;height:14px;color:#a9a9a9}
.story-toolbar b{font-size:11px;font-weight:650;letter-spacing:-.2px}
.story-toolbar em{font-size:9px;font-style:normal;color:#8b8b8b;padding-left:10px;margin-left:3px;border-left:1px solid #ffffff13;white-space:nowrap}
.story-live{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:8px;color:#b3b3b3}
.story-live i,.story-footer>span i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#b9b9b9;box-shadow:0 0 7px #c5c5c535}
.story-canvas{position:relative;flex:0 0 420px;height:420px;min-width:0;overflow:hidden}
.story-layout [data-scene]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .35s ease,transform .6s cubic-bezier(.2,.65,.3,1),visibility 0s .35s}
.story-layout[data-story="0"] [data-scene="0"],.story-layout[data-story="1"] [data-scene="1"],.story-layout[data-story="2"] [data-scene="2"],.story-layout[data-story="3"] [data-scene="3"]{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;pointer-events:auto}
.story-ingestion{position:absolute;inset:0}
.story-sources{position:absolute;top:22px;left:22px;right:22px;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.story-source{position:relative;min-width:0;height:60px;padding:11px 10px;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;align-content:center;border:1px solid #494949;background:linear-gradient(135deg,#2a2a2a,#232323);border-radius:8px;box-shadow:0 5px 12px #05050512;transition:border-color .35s,box-shadow .35s,background .35s}
.story-source>span{grid-column:1;grid-row:1/3;width:26px;height:27px;display:grid;place-items:center;align-self:center;border:1px solid #9c9c9c24;background:#aaaaaa0b;border-radius:6px;color:#a8a8a8}
.story-source svg{width:13px;height:13px}
.story-source b{grid-column:2;font-size:10px;font-weight:600;line-height:1.4;color:#d9d9d9;white-space:nowrap}
.story-source small{grid-column:2;font-size:7px;line-height:1.6;color:#909090;white-space:nowrap}
.story-source>i{position:absolute;right:7px;top:7px;width:3px;height:3px;border-radius:50%;background:#616161;transition:background .35s,box-shadow .35s}
.story-source.is-receiving{border-color:#979797;box-shadow:0 0 18px #99999914,inset 0 0 12px #9c9c9c09}
.story-source.is-receiving>i{background:#cccccc;box-shadow:0 0 7px #b2b2b2}
.story-source.is-connected{border-color:#686868}
.story-source.is-connected>i{background:#bababa;box-shadow:0 0 5px #c2c2c230}
.story-connections{position:absolute;z-index:1;top:0;left:22px;width:calc(100% - 44px);height:200px;overflow:visible;pointer-events:none;stroke-width:1}
.wire-base path{stroke:url(#story-wire);stroke-width:1;opacity:.35}
.wire-packet path{stroke:#dedede;stroke-width:1.7;stroke-dasharray:5 300;stroke-dashoffset:300;opacity:0;filter:drop-shadow(0 0 3px #a7a7a7)}
.wire-packet path.is-flowing{opacity:1;animation:story-packet .8s linear infinite}
.story-evidence-token{position:absolute;z-index:3;top:145px;left:0;right:0;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:85%;padding:5px 9px;background:#1f1f1f;border:1px solid #5555555e;border-radius:5px;color:#afafaf;font-size:8px;line-height:1.4;transition:opacity .35s,transform .35s}
.story-evidence-token svg{width:11px;height:11px}

.story-deal{position:absolute;z-index:4;left:50%;top:190px;transform:translateX(-50%);width:calc(100% - 90px);max-width:410px;height:196px;overflow:hidden;border:1px solid #575757;border-radius:11px;background:linear-gradient(120deg,#222222,#1b1b1b);box-shadow:0 14px 32px -12px #040404a6,0 0 0 1px #b8b8b809;transition:top .75s cubic-bezier(.22,.7,.23,1),width .75s cubic-bezier(.22,.7,.23,1),height .75s cubic-bezier(.22,.7,.23,1),border-color .55s,box-shadow .55s}
.story-layout[data-story="1"] .story-deal{top:104px;height:282px;max-width:410px}
.story-layout[data-story="2"] .story-deal{top:22px;height:370px;max-width:426px}
.story-deal.is-prioritized{border-color:#8b8b8b;box-shadow:0 14px 32px -12px #040404a6,0 0 22px #8686860b}
.story-deal-header{height:53px;display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #adadad12;background:#ffffff02}
.story-avatar{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#4e4e4e,#363636);border:1px solid #adadad2e;color:#cfcfcf;font-size:9px;font-weight:600}
.story-deal-header>div{min-width:0}
.story-deal-header h4{font:650 12px/1.45 var(--heading);letter-spacing:-.15px;color:#ededed}
.story-deal-header>div>span{font-size:7px;line-height:1.5;color:#929292;display:block}
.story-priority{margin-left:auto;flex-shrink:0;padding:3px 6px;border:1px solid #9595953d;border-radius:4px;font-size:7px;color:#afafaf;background:#9595950b;transition:color .4s,background .4s,border-color .4s}
.is-prioritized .story-priority{background:#9c9c9c1c;border-color:#b3b3b365;color:#d1d1d1}
.story-deal-content{position:relative;height:calc(100% - 53px)}
.story-layer{position:absolute;inset:0;padding:12px 14px}
.story-document{padding:9px 10px;border:1px solid #adadad1b;border-radius:6px;background:#ffffff03;transition:opacity .45s,transform .45s}
.story-document>div{display:flex;align-items:center;gap:5px;color:#a3a3a3;font-size:6px;letter-spacing:.7px;line-height:1.5}
.story-document>div>svg{width:10px;height:10px}
.story-verified{display:flex;align-items:center;gap:3px;margin-left:auto;color:#b8b8b8;font-size:6px;letter-spacing:0}
.story-verified svg{width:9px;height:9px}
.story-document p{font-size:11px;line-height:1.65;color:#d6d6d6;margin-top:7px}
.story-linked-records{display:flex;align-items:center;gap:13px;margin-top:9px;color:#9a9a9a;font-size:7px;transition:opacity .4s,transform .4s}
.story-linked-records>span{display:flex;align-items:center;gap:4px}
.story-linked-records svg{width:10px;height:10px;color:#b5b5b5}
.story-memory-ready{display:flex;align-items:center;gap:6px;margin-top:10px;color:#acacac;font-size:8px;line-height:1.4;transition:opacity .4s,transform .4s}
.story-memory-ready svg{width:12px;height:12px}

.story-notification{position:absolute;z-index:3;top:24px;left:35px;right:35px;max-width:440px;margin-inline:auto;min-height:57px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid #9999994f;border-radius:8px;background:linear-gradient(110deg,#2f2f2f,#272727);box-shadow:0 5px 16px #0303031a}
.story-notification-icon{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #a5a5a53d;border-radius:7px;background:#9e9e9e1a;color:#b9b9b9}
.story-notification-icon svg{width:13px;height:13px}
.story-notification>div{min-width:0}
.story-notification>div>span{display:block;font-size:6px;letter-spacing:.7px;color:#afafaf}
.story-notification p{font-size:10px;line-height:1.65;color:#e4e4e4;margin-top:3px}
.story-notification>i{width:4px;height:4px;background:#bdbdbd;border-radius:50%;margin-left:auto;flex-shrink:0;box-shadow:0 0 8px #bdbdbd55}
.story-facts{display:flex;flex-direction:column;gap:6px}
.story-fact{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 7px;border:1px solid transparent;border-radius:6px;transition:opacity .4s,transform .4s,background .5s,border-color .5s}
.story-fact-icon{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;border:1px solid #a1a1a128;border-radius:6px;color:#939393;background:#98989808}
.story-fact-icon svg{width:11px;height:11px}
.story-fact>div{min-width:0}
.story-fact>div>span{font-size:6px;letter-spacing:.7px;line-height:1.5;color:#929292;display:block}
.story-fact p{font-size:11px;line-height:1.5;margin-top:2px;color:#cdcdcd;transition:color .45s}
.story-fact.is-updated{background:#9b9b9b0b;border-color:#a7a7a722}
.story-fact.is-updated p{color:#e0e0e0}
.story-fact.is-updated .story-fact-icon{color:#bebebe;border-color:#aaaaaa4d}
.story-priority-route{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;padding:9px 8px;border-block:1px solid #afafaf12;white-space:nowrap;font-size:8px;color:#7e7e7e;transition:opacity .4s,transform .4s}
.story-priority-route>div{display:flex;align-items:center;gap:4px;flex:1;max-width:52px}
.story-priority-route>div>i{height:1px;background:#575757;flex:1}
.story-priority-route svg{width:12px;height:12px;color:#737373}
.story-priority-route b{font-size:8px;font-weight:500;color:#727272;transition:color .4s,text-shadow .4s}
.story-priority-route.is-promoted b{color:#d1d1d1;text-shadow:0 0 10px #b9b9b91c}
.story-priority-route.is-promoted svg{color:#a8a8a8}
.story-score-reason{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#a2a2a2;margin-top:12px;line-height:1.5;transition:opacity .4s,transform .4s}
.story-score-reason svg{width:11px;height:11px}

.story-conversation{padding:13px 14px}
.story-outbound{border:1px solid #a7a7a744;border-radius:8px 8px 2px 8px;background:linear-gradient(130deg,#373737,#2a2a2a);padding:10px 12px;transition:opacity .4s,transform .4s}
.story-outbound>span{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.7px;line-height:1.5;color:#bababa;white-space:nowrap}
.story-outbound>span>svg{width:10px;height:10px}
.story-outbound small{margin-left:auto;color:#949494;font-size:6px;letter-spacing:0;font-weight:400}
.story-outbound p{font-size:11px;line-height:1.7;color:#e7e7e7;margin-top:7px;min-height:55px}
#story-agent-text.is-typing:after{content:'';display:inline-block;width:1px;height:11px;margin-left:2px;background:#c6c6c6;vertical-align:-1px;animation:story-caret .75s steps(1,end) infinite}
.story-inbound{position:relative;max-width:82%;margin-top:9px;border:1px solid #b1b1b116;border-radius:7px 7px 7px 2px;background:#ffffff04;padding:8px 10px;transition:opacity .4s,transform .4s}
.story-inbound>span{display:block;color:#919191;font-size:6px;letter-spacing:.65px;line-height:1.5}
.story-inbound p{font-size:11px;line-height:1.6;color:#cfcfcf;margin-top:2px;padding-right:14px}
.story-inbound>svg{position:absolute;bottom:11px;right:10px;width:10px;height:10px;color:#bbbbbb}
.story-rep-task{margin-top:12px;padding:10px 12px;border:1px solid #9595954a;border-radius:7px;background:linear-gradient(110deg,#9191910b,#ffffff02);transition:opacity .45s,transform .45s}
.story-rep-task>span{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.65px;color:#aaaaaa;line-height:1.5}
.story-rep-task>span>svg{width:11px;height:11px}
.story-rep-task>span>b{margin-left:auto;font-weight:500;font-size:7px;letter-spacing:0;padding:2px 5px;border-radius:3px;background:#9b9b9b19;color:#bebebe}
.story-rep-task h4{font:650 12px/1.5 var(--heading);letter-spacing:-.15px;margin-top:7px;color:#e8e8e8}
.story-rep-task p{font-size:10px;line-height:1.7;color:#aaaaaa;margin-top:4px}
.story-rep-task>div{display:flex;align-items:center;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #a4a4a413;font-size:7px;line-height:1.5;color:#979797}
.story-rep-task>div>svg{width:10px;height:10px;color:#bbbbbb}
.story-rep-task>div>i{width:2px;height:2px;border-radius:50%;background:#727272;margin-inline:2px}
.story-scene-caption{position:absolute;left:15px;right:15px;bottom:11px;text-align:center;color:#9a9a9a;font-size:9px;line-height:1.5;letter-spacing:.05px}
.story-footer{height:34px;flex:0 0 34px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;border-top:1px solid #ffffff0a;background:#1010104d;color:#828282;font-size:7px}
.story-footer>span{display:flex;align-items:center;gap:6px}
.story-footer>div{display:flex;align-items:center;gap:3px}
.story-replay,.story-pause{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:none;color:#a6a6a6;transition:color .2s,background .2s}
.story-replay svg,.story-pause svg{width:12px;height:12px}
.story-replay:hover,.story-pause:hover{color:#dddddd;background:#afafaf10}
.story-replay:focus-visible,.story-pause:focus-visible{outline:2px solid #a8a8a8;outline-offset:1px}
.story-layout.is-finished .story-replay{color:#cdcdcd;background:#afafaf0c}
.story-layout.is-finished .story-pause{display:none}

.story-animated .story-evidence-token:not(.is-visible),.story-animated .story-document:not(.is-visible),.story-animated .story-linked-records:not(.is-visible),.story-animated .story-memory-ready:not(.is-visible),.story-animated .story-fact:not(.is-visible),.story-animated .story-notification:not(.is-visible),.story-animated .story-priority-route:not(.is-visible),.story-animated .story-score-reason:not(.is-visible),.story-animated .story-outbound:not(.is-visible),.story-animated .story-inbound:not(.is-visible),.story-animated .story-rep-task:not(.is-visible){opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none}
.story-layout.is-paused *,.story-layout.is-paused *::before,.story-layout.is-paused *::after,.story-layout.is-offscreen *,.story-layout.is-offscreen *::before,.story-layout.is-offscreen *::after{animation-play-state:paused!important}
@keyframes story-packet{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes story-caret{0%,49%{opacity:1}50%,100%{opacity:0}}

@media(max-width:1050px){
  .story-layout{grid-template-columns:250px minmax(0,1fr);gap:32px}
  .story-tab h3{font-size:23px}.story-tab{padding-block:22px}
  .story-toolbar em{font-size:8px;padding-left:8px;margin-left:0}
  .story-sources{left:18px;right:18px;gap:9px}.story-source{padding:9px 7px;column-gap:6px;grid-template-columns:22px minmax(0,1fr)}.story-source>span{width:22px;height:24px}.story-source b{font-size:9px}.story-source small{font-size:6px}
  .story-connections{left:18px;width:calc(100% - 36px)}
  .story-deal{width:calc(100% - 50px)}
}
@media(max-width:820px){
  .story-layout{grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:center}
  .story-controls{flex-direction:column;gap:0}.story-description p{font-size:11px}.story-kicker{font-size:7px}.story-tab h3{font-size:22px}
  .story-toolbar{padding-inline:12px}.story-toolbar em{display:none}.story-live{font-size:7px;gap:5px}
  .story-sources{left:14px;right:14px;gap:8px}.story-source{height:64px;grid-template-columns:1fr;justify-items:center;padding:6px 3px;row-gap:1px}.story-source>span{grid-column:1;grid-row:auto;width:20px;height:20px;border:0;background:none}.story-source b,.story-source small{grid-column:1}.story-source b{font-size:9px}.story-source small{font-size:6px}.story-source>i{top:6px;right:6px}
  .story-connections{left:14px;width:calc(100% - 28px)}
  .story-deal{width:calc(100% - 32px)}.story-deal-header{padding-inline:11px;gap:7px}.story-deal-header>div>span{font-size:6px}.story-priority{font-size:6px;padding-inline:5px}
  .story-layer{padding-inline:11px}.story-document>div{font-size:5px;letter-spacing:.5px}.story-document p{font-size:10px}.story-linked-records{font-size:6px;gap:8px}.story-memory-ready{font-size:7px}
  .story-notification{left:17px;right:17px;padding:9px;gap:7px}.story-notification p{font-size:9px}.story-notification>div>span{font-size:5px}
  .story-fact p{font-size:10px}.story-fact{padding-inline:4px}.story-score-reason{font-size:7px}.story-priority-route{font-size:7px}.story-priority-route b{font-size:7px}
  .story-outbound{padding-inline:10px}.story-outbound small{font-size:5px}.story-outbound>span{font-size:5px}.story-outbound p{font-size:10px;min-height:53px}.story-inbound p{font-size:10px}.story-rep-task{padding-inline:10px}.story-rep-task h4{font-size:11px}.story-rep-task p{font-size:9px}.story-rep-task>span{font-size:5px}.story-rep-task>div{font-size:6px}.story-scene-caption{font-size:8px}
}
@media(max-width:640px){
  .story-layout{grid-template-columns:1fr;gap:19px;max-width:470px}
  .story-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;padding-bottom:116px;border-top:1px solid #d5d5d5;gap:0}
  .story-tab,.story-tab:last-child{position:static;padding:15px 3px 14px;text-align:center;border-top:0;border-bottom:1px solid #d5d5d5}
  .story-kicker{display:none}.story-tab h3{font-size:20px;letter-spacing:-.6px;line-height:1.3}
  .story-description,.story-tab.active .story-description{position:absolute;top:70px;left:0;right:0;display:block;margin:0;transition:opacity .3s,visibility .3s;visibility:hidden;opacity:0}
  .story-tab.active .story-description{visibility:visible;opacity:1}
  .story-description p{font-size:13px;line-height:1.8;color:#646464;text-align:center;padding:0 3px;overflow:visible}
  .story-progress{width:25%;left:0;top:55px;bottom:auto}.story-tab:nth-child(2) .story-progress{left:25%}.story-tab:nth-child(3) .story-progress{left:50%}.story-tab:nth-child(4) .story-progress{left:75%}
  .story-stage{height:560px;border-radius:13px}
  .story-toolbar{height:44px;flex-basis:44px;padding-inline:13px}.story-toolbar b{font-size:11px}.story-toolbar svg{width:13px;height:13px}.story-live{font-size:7px}
  .story-canvas{height:480px;flex-basis:480px}
  .story-sources{top:22px;left:15px;right:15px;gap:8px}.story-source{height:64px}.story-source b{font-size:10px}.story-source small{font-size:7px}.story-source svg{width:13px;height:13px}
  .story-connections{left:15px;width:calc(100% - 30px)}
  .story-evidence-token{font-size:9px;top:144px;padding:6px 9px}
  .story-deal{top:190px;width:calc(100% - 36px);max-width:410px;height:237px;border-radius:10px}
  .story-layout[data-story="1"] .story-deal{top:108px;height:319px;max-width:410px}
  .story-layout[data-story="2"] .story-deal{top:18px;height:428px;max-width:426px}
  .story-deal-header{height:55px;padding:11px 12px;gap:8px}.story-avatar{width:29px;height:29px;font-size:9px}.story-deal-header h4{font-size:13px}.story-deal-header>div>span{font-size:7px}.story-priority{font-size:7px;padding:3px 5px}
  .story-deal-content{height:calc(100% - 55px)}.story-layer{padding:13px 12px}
  .story-document{padding:10px}.story-document>div{font-size:6px;letter-spacing:.4px}.story-document p{font-size:12px;line-height:1.7;margin-top:8px}.story-verified{font-size:6px}
  .story-linked-records{font-size:8px;gap:12px;margin-top:11px}.story-linked-records svg{width:11px;height:11px}.story-memory-ready{font-size:9px;margin-top:12px;line-height:1.6}
  .story-notification{left:17px;right:17px;top:25px;padding:10px 11px;gap:8px;min-height:61px}.story-notification>div>span{font-size:6px}.story-notification p{font-size:11px;line-height:1.65}.story-notification-icon{width:27px;height:27px}
  .story-facts{gap:7px}.story-fact{min-height:47px;padding:6px 5px;gap:8px}.story-fact>div>span{font-size:6px;letter-spacing:.7px}.story-fact p{font-size:12px;line-height:1.55;margin-top:3px}.story-fact-icon{width:24px;height:24px}
  .story-priority-route{font-size:9px;padding:10px 6px;margin-top:13px;gap:7px}.story-priority-route b{font-size:9px}.story-score-reason{font-size:9px;margin-top:13px;gap:5px;line-height:1.6}
  .story-conversation{padding:12px}
  .story-outbound{padding:11px}.story-outbound>span{font-size:6px;letter-spacing:.5px}.story-outbound small{font-size:5px}.story-outbound p{font-size:12px;line-height:1.7;min-height:82px;margin-top:8px}
  .story-inbound{margin-top:10px;padding:9px 10px;max-width:85%}.story-inbound>span{font-size:6px}.story-inbound p{font-size:12px;line-height:1.6}
  .story-rep-task{margin-top:12px;padding:11px}.story-rep-task>span{font-size:6px;letter-spacing:.4px}.story-rep-task>span>b{font-size:7px}.story-rep-task h4{font-size:13px;line-height:1.5;margin-top:7px}.story-rep-task p{font-size:11px;line-height:1.75}.story-rep-task>div{font-size:7px;gap:4px;margin-top:9px;padding-top:8px}
  .story-scene-caption{bottom:12px;font-size:9px;left:12px;right:12px;line-height:1.5}
  .story-footer{padding-inline:11px;font-size:7px;height:34px;flex-basis:34px}.story-replay,.story-pause{width:27px;height:27px}
}
@media(max-width:360px){
  .story-controls{padding-bottom:132px}.story-description p{font-size:12px;line-height:1.85}.story-tab h3{font-size:19px}
  .story-toolbar{padding-inline:10px;gap:8px}.story-live{font-size:6px}
  .story-sources{left:10px;right:10px;gap:6px}.story-source b{font-size:9px}.story-source small{font-size:6px}.story-connections{left:10px;width:calc(100% - 20px)}
  .story-deal{width:calc(100% - 24px)}.story-deal-header{padding-inline:10px;gap:6px}.story-deal-header h4{font-size:12px}.story-deal-header>div>span{font-size:6px}.story-priority{font-size:6px;padding-inline:4px}.story-avatar{width:26px;height:26px;font-size:8px}
  .story-layer{padding-inline:10px}.story-document>div{font-size:5px}.story-document p{font-size:11px}.story-memory-ready{font-size:8px}.story-linked-records{font-size:7px}
  .story-notification{left:12px;right:12px;padding-inline:9px}.story-notification p{font-size:10px}.story-notification>div>span{font-size:5px}
  .story-fact p{font-size:11px}.story-priority-route,.story-priority-route b{font-size:8px}.story-score-reason{font-size:8px}
  .story-outbound{padding-inline:9px}.story-outbound small{display:none}.story-outbound p{font-size:11px;min-height:77px}.story-inbound p{font-size:11px}.story-rep-task{padding-inline:9px}.story-rep-task h4{font-size:12px}.story-rep-task p{font-size:10px}.story-rep-task>span{font-size:5px}.story-rep-task>div{font-size:6px}
  .story-scene-caption{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .story-layout *,.story-layout *::before,.story-layout *::after{animation:none!important;transition:none!important}
  .wire-packet path{display:none}
}

/* Clearer evidence, labels, and actions within the existing dark demo. */
.story-description p{color:#4a4a4a}
.story-tab{color:#676767}
.story-kicker{color:#656565}
.story-tab.active{color:#202020}
.story-source{border-color:#7c7c7c;background:linear-gradient(135deg,#343434,#272727)}
.story-source.is-connected{border-color:#919191}
.story-source.is-receiving{border-color:#c6c6c6;box-shadow:0 0 18px #9999992b,inset 0 0 12px #9c9c9c09}
.story-source b,.story-deal-header h4,.story-document p,.story-fact p,.story-notification p,.story-outbound p,.story-inbound p,.story-rep-task h4{color:#f7f7f7}
.story-source small,.story-deal-header>div>span,.story-toolbar em,.story-linked-records,.story-rep-task>div,.story-footer{color:#bdbdbd}
.story-source>span,.story-fact-icon{color:#cccccc;border-color:#9d9d9d60;background:#9b9b9b14}
.story-stage .wire-base path{stroke:#9d9d9d;stroke-width:1.2;opacity:.72}
.story-evidence-token{background:#2b2b2b;border-color:#878787;color:#dddddd}
.story-deal{border-color:#949494;background:linear-gradient(120deg,#2d2d2d,#242424);box-shadow:0 14px 32px -12px #040404a6,0 0 0 1px #b8b8b818}
.story-deal.is-prioritized{border-color:#b8b8b8;box-shadow:0 14px 32px -12px #040404a6,0 0 0 1px #b8b8b818}
.story-deal-header{border-bottom-color:#adadad2e;background:#ffffff03}
.story-document{background:#14141475;border-color:#9f9f9f55}
.story-document>div,.story-fact>div>span,.story-inbound>span,.story-notification>div>span,.story-outbound small,.story-score-reason,.story-memory-ready,.story-rep-task p,.story-scene-caption{color:#c6c6c6}
.story-priority,.story-priority-route,.story-priority-route b{color:#bdbdbd}
.story-priority{border-color:#ababab66;background:#95959513}
.story-verified,.story-live,.story-linked-records svg,.story-inbound>svg,.story-rep-task>div>svg{color:#d4d4d4}
.story-notification{border-color:#9f9f9f7a;background:linear-gradient(110deg,#373737,#2a2a2a)}
.story-fact.is-updated{background:#9b9b9b17;border-color:#a7a7a750}
.story-inbound{background:#ffffff08;border-color:#b1b1b140}
.story-rep-task{background:linear-gradient(110deg,#91919119,#ffffff04);border-color:#ababab80}
.story-replay,.story-pause{color:#cacaca}

/* A recurring question becomes a reviewed Playbook change and two concrete instructions. */
.story-layout[data-story="3"] .story-deal {
  display: none;
}
.story-evolve {
  position: absolute;
  inset: 15px clamp(14px, 3vw, 38px) 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 17px;
  max-width: 500px;
  margin-inline: auto;
}
.evolve-section-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #d3d3d3;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.4;
}
.evolve-section-label svg {
  width: 14px;
  height: 14px;
}
.evolve-pattern, .evolve-edit, .evolve-handoffs > div {
  position: relative;
  border: 1px solid #666666;
  border-radius: 9px;
}
.evolve-pattern {
  padding: 12px 15px;
  background: #252525;
}
.evolve-pattern::after, .evolve-edit::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -18px;
  height: 17px;
  width: 1px;
  background: linear-gradient(#888888, #545454);
}
.evolve-evidence {
  display: grid;
  grid-template-columns: 69px 1fr;
  gap: 8px;
  align-items: baseline;
  margin-top: 6px;
}
.evolve-evidence span {
  font-size: 9px;
  color: #b5b5b5;
}
.evolve-evidence p, .evolve-edit p, .evolve-handoffs p {
  font-size: 12px;
  line-height: 1.5;
  color: #e8e8e8;
}
.evolve-edit {
  padding: 12px 15px;
  background: linear-gradient(120deg, #3a3a3a, #282828);
  transition: border-color .4s, box-shadow .4s;
}
.story-evolve.is-reviewed .evolve-edit {
  border-color: #9c9c9c;
  box-shadow: 0 4px 18px #1111111a;
}
.evolve-edit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.evolve-review {
  color: #c6c6c6;
  font-size: 9px;
  line-height: 1.55;
  white-space: nowrap;
}
.story-evolve.is-reviewed .evolve-review {color: #dddddd;}
.story-evolve.is-reviewed .evolve-review::before {content: '✓ ';}
.evolve-edit h4 {
  margin: 8px 0 4px;
  color: #f7f7f7;
  font: 700 clamp(15px, 1.35vw, 19px)/1.35 var(--heading);
  letter-spacing: -.4px;
}
.evolve-edit p {color: #d5d5d5;}
.evolve-handoffs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  transition: opacity .4s, transform .4s;
}
.evolve-handoffs > div {
  background: #272727;
  padding: 10px 12px;
  border-color: #5b5b5b;
}
.evolve-handoffs p {margin-top: 5px;}
.story-animated .evolve-handoffs:not(.is-visible) {opacity: .35; transform: translateY(3px);}
@media(max-width:820px) {
  .story-evolve {inset-inline: 13px; gap: 13px;}
  .evolve-pattern, .evolve-edit {padding: 10px 12px;}
  .evolve-pattern::after, .evolve-edit::after {height: 13px; bottom: -14px;}
  .evolve-handoffs {gap: 7px;}
  .evolve-handoffs > div {padding: 9px;}
  .evolve-evidence p, .evolve-edit p, .evolve-handoffs p {font-size: 11px;}
}
@media(max-width:640px) {
  .story-evolve {inset-inline: 15px;}
  .evolve-evidence {grid-template-columns: 67px 1fr; gap: 6px;}
  .evolve-handoffs {grid-template-columns: 1fr;}
  .evolve-handoffs > div {padding: 8px 11px;}
  .evolve-handoffs p {margin-top: 2px;}
  .evolve-evidence p, .evolve-edit p, .evolve-handoffs p {font-size: 12px;}
}
@media(max-width:360px) {
  .story-tab {min-height: 56px;}
  .story-tab h3 {font-size: 17px;}
  .story-evolve {inset-inline: 10px; gap: 11px;}
  .evolve-pattern::after, .evolve-edit::after {height: 11px; bottom: -12px;}
  .evolve-evidence {grid-template-columns: 58px 1fr; gap: 4px;}
  .evolve-review, .evolve-evidence span {font-size: 8px;}
  .evolve-evidence p, .evolve-edit p, .evolve-handoffs p {font-size: 11px;}
}
