/* Fast path to understanding Knowledge (prototype). Visual direction: BLENDer_Knowledge_Fast_Path_Prototype.html */
:root{--navy:#0b3568;--ink:#18253a;--muted:#6c7584;--line:#dfe5ee;--purple:#8457cf;--blue:#3d7fd8;--teal:#258a73;--amber:#c8892e;--shadow:0 24px 65px rgba(40,62,94,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);min-height:100vh;
  background:radial-gradient(circle at 15% -8%,rgba(70,165,255,.12),transparent 34%),radial-gradient(circle at 86% 0,rgba(135,91,210,.11),transparent 34%),linear-gradient(#f6faff,#edf4fb)}
button,input{font:inherit}button{cursor:pointer}
[hidden]{display:none!important}
.rainbow{height:5px;background:linear-gradient(90deg,#ff6166,#ff9d2e 15%,#f2c84b 29%,#56c26e 45%,#2eb9a5 60%,#388ddd 78%,#8c5bcf)}
.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.17em;font-weight:900;font-size:10px}
.hl{background:linear-gradient(90deg,#ff7d35,#f6b02c,#75bc52,#2fb59f,#348bd7,#8060d0);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:850;transition:.15s transform,.15s box-shadow;text-decoration:none;display:inline-block}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(22,54,99,.14)}
.primary{background:var(--navy);color:#fff}
.outline{background:#fff;color:var(--navy);border:1px solid #d8e0ea}
.knowledge{color:#fff;background:linear-gradient(90deg,#7652cd,#427edb);box-shadow:0 10px 28px rgba(102,77,190,.2);position:relative;overflow:hidden}
.knowledge.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);animation:shim 2.6s infinite}
@keyframes shim{to{transform:translateX(100%)}}
.small{padding:8px 11px;font-size:12px}

/* top bar */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid #e5eaf0;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:5}
.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:inherit}
.brand .mark{font-size:27px}.brand strong{color:var(--navy);font-size:15px;display:block}.brand small{display:block;font-size:10px;color:#9299a5}
.top-actions{display:flex;align-items:center;gap:8px}
.switch{display:flex;border:1px solid #dbe1ea;border-radius:999px;background:#f5f7fa;padding:3px}
.switch button{border:0;background:transparent;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850;color:#78808f}
.switch button.active{background:#fff;color:var(--navy);box-shadow:0 2px 7px rgba(27,45,72,.08)}
.switch button.live.active{background:linear-gradient(90deg,#7854cd,#4a7fd8);color:#fff}
.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e5ec;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:11px;color:#687181}
.status i{width:8px;height:8px;background:var(--amber);border-radius:50%}

/* guided */
.guided{max-width:900px;margin:auto;padding:42px 28px 40px}
.ghead{text-align:center;margin-bottom:32px}
.ghead h1{font-size:38px;color:var(--navy);line-height:1.05;margin:9px 0 10px}
.ghead p{font-size:16px;color:#697282;line-height:1.5;max-width:720px;margin:auto}
.principle{margin:18px auto 0;display:inline-block;border:1px solid #e1dcf3;background:#faf8ff;color:#6048aa;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850}
.story{position:relative}
.story:before{content:"";position:absolute;left:26px;top:30px;bottom:28px;width:2px;background:linear-gradient(#d9def0,#d6cbed,#d5e3f3)}
.section{position:relative;margin:0 0 22px;padding-left:68px}
.num{position:absolute;left:5px;top:1px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #dbe2ec;color:var(--navy);font-weight:950;box-shadow:0 5px 14px rgba(34,52,79,.06)}
.card{border:1px solid #e0e5ed;border-radius:18px;background:#fff;padding:22px 23px;box-shadow:0 5px 18px rgba(34,50,72,.035)}
.kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9169ca;font-weight:950}
.card h2{font-size:24px;color:var(--navy);margin:6px 0 8px}
.card p{font-size:14px;color:#5c6675;line-height:1.55;margin:0}
.question{font-size:23px!important;line-height:1.35!important;color:#253651!important;font-weight:850}
.decision-band{margin-top:14px;border-radius:13px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fafc;border:1px solid #e5e9ef}
.decision-band .label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8c95a1;font-weight:950}
.decision-band strong{font-size:16px;color:#26354d}
.tag{display:inline-flex;border-radius:999px;padding:5px 10px;background:#fff9ef;border:1px solid #eee0c9;color:#8a7150;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:900;white-space:nowrap}
.risk{font-size:12px;color:#8a7a60;margin-top:10px;line-height:1.5}
.seedata{margin-top:12px}
.seedata summary{font-size:12px;font-weight:800;color:#55627a;cursor:pointer}
.trigger{margin-top:16px;border:1px solid #d9d4f1;background:radial-gradient(circle at 16% 0%,rgba(149,96,226,.12),transparent 35%),linear-gradient(110deg,#fcf9ff,#f3f8ff);border-radius:14px;padding:15px 16px;display:flex;justify-content:space-between;gap:13px;align-items:center}
.trigger strong{display:block;color:#573ea4;font-size:14px}
.trigger span{display:block;color:#747688;font-size:12px;margin-top:3px}
.loading li{list-style:none;font-size:12px;color:#6a5aa8;margin:3px 0;opacity:0;animation:fade .4s ease forwards}
.loading ul{margin:8px 0 0;padding:0}
.reveal{display:none}.reveal.show{display:block;animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kdecision{border-radius:19px;color:#fff;padding:27px 28px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 86% 10%,rgba(90,205,255,.31),transparent 24%),radial-gradient(circle at 9% 100%,rgba(186,108,255,.26),transparent 34%),linear-gradient(135deg,#123169,#3a4d9b 58%,#704cb6);box-shadow:0 16px 42px rgba(58,63,138,.20)}
.kdecision:after,.kdecision:before{content:"✦";position:absolute;color:rgba(255,255,255,.68);animation:sparkle 2.4s infinite ease-in-out}
.kdecision:after{right:30px;top:23px;font-size:25px}.kdecision:before{right:74px;top:54px;font-size:11px;animation-delay:.75s}
@keyframes sparkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
.kdlabel{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#d8d7ff;font-weight:950}
.kdecision h1{font-size:35px;line-height:1.05;margin:7px 0 9px}
.kdecision p{font-size:15px;color:#edf1ff;line-height:1.55;margin:0}
.beats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
.beat{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:13px;padding:12px}
.beat small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#d4dcff;font-size:8px;font-weight:900}
.beat strong{display:block;margin-top:4px;font-size:12px;line-height:1.4}
.loss{margin-top:14px;border:1px solid rgba(255,255,255,.16);background:rgba(14,31,73,.24);border-radius:14px;padding:13px 14px}
.loss strong{display:block;font-size:13px;line-height:1.4}.loss span{display:block;font-size:11px;color:#dfe7ff;margin-top:5px;line-height:1.45}
.honest{margin-top:10px;font-size:12px;color:#dfe7ff;line-height:1.5}
.lift{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}
.liftcol{border:1px solid #e1e6ee;border-radius:14px;padding:15px;background:#fbfcfe}
.liftcol.know{border-color:#d8d4f1;background:#faf8ff}
.liftcol .top{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#87909d;font-weight:950}
.liftcol.know .top{color:#8058c4}
.liftcol h4{margin:7px 0;color:var(--navy);font-size:15px}
.alist{display:grid;gap:7px}
.action{display:flex;gap:8px;font-size:12px;color:#596474;line-height:1.4}
.action i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#6c7582;font-style:normal;font-size:10px;font-weight:900;flex:none}
.know .action i{background:#ede8fa;color:#674cb2}
.prefs{margin-top:15px;border:1px solid #dedaf1;border-radius:15px;padding:17px;background:linear-gradient(#fff,#fcfbff)}
.prefs h3{margin:4px 0;color:var(--navy);font-size:19px}
.prefs .sub{font-size:12px;color:#757d8b;margin-bottom:12px;line-height:1.5}
.prefgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pref{border:1px solid #e7e4f2;border-radius:12px;padding:12px;background:#fff}
.ptype{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:#9064c9}
.pref.event .ptype,.ccard.event .ctype{color:#d47f27}
.pref.policy .ptype,.ccard.policy .ctype{color:#2a62c4}
.pref.data .ptype,.ccard.data .ctype{color:var(--teal)}
.pref strong{display:block;font-size:12px;line-height:1.45;margin-top:4px;color:#293650}
.pref small{display:block;font-size:10px;color:#8a92a0;margin-top:5px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.nerd{font-size:11px;color:#7f8793;margin-top:10px}
.go-live{margin-top:18px;border-radius:17px;border:1px solid #dae0ea;background:linear-gradient(120deg,#fbfcfe,#f7f9ff);padding:20px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.go-live h3{margin:0 0 4px;color:var(--navy);font-size:18px}.go-live p{margin:0;color:#697282;font-size:12px;line-height:1.45}

/* md + charts */
.md{font-size:13px;line-height:1.55;color:#445066}
.md p{margin:8px 0}.md ul{margin:6px 0 6px 18px;padding:0}.md li{margin:3px 0}.md li.l2{margin-left:18px}
.md table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px}
.md th,.md td{border:1px solid #e3e8ef;padding:5px 8px;text-align:left}.md th{background:#f5f7fb;color:var(--navy)}
.md code{background:#f1f3f8;border-radius:4px;padding:1px 4px;font-size:11px}
.chart{margin:10px 0;border:1px solid #e3e8ef;border-radius:12px;padding:10px;background:#fff}
.chart .ct{font-size:12px;font-weight:800;color:var(--navy);margin-bottom:4px}
.chart svg{width:100%;height:auto;display:block}
.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:#5c6675;margin-top:4px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}

/* live */
.live{max-width:930px;margin:auto;padding:34px 28px 30px}
.livehead{text-align:center;margin-bottom:22px}
.livehead h1{font-size:30px;color:var(--navy);margin:7px 0}.livehead p{font-size:13px;color:#6d7684;margin:0}
.chatmodes{display:flex;justify-content:center;gap:7px;margin-top:14px}
.chatmodes button{border:1px solid #dce2ea;background:#fff;border-radius:999px;padding:7px 12px;color:#687180;font-size:11px;font-weight:850}
.chatmodes button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.chatmodes button.kactive{background:linear-gradient(90deg,#7553c9,#4b7fd9);color:#fff;border-color:transparent}
.modebanner{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;border:1px solid #dde3ec;background:#f5f7fa;color:#5f6878}
.modebanner.on{background:#f4f0fc;border-color:#dbd1ef;color:#6548b0}
.chatbox{max-width:780px;margin:auto}
.agent{border:1px solid #e0e5ed;background:#fff;border-radius:16px;padding:18px 19px;box-shadow:0 4px 16px rgba(32,48,70,.04);margin-top:12px}
.agent .ak{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8d64c8;font-weight:950}
.agent h3{font-size:18px;color:var(--navy);margin:5px 0 6px}
.agent.kb{border-color:#d8d4f1;background:linear-gradient(#fff,#fcfbff)}
.user{margin:13px 0 13px 90px;border:1px solid #d5e5f9;background:#edf5ff;border-radius:16px 16px 5px 16px;padding:13px 16px;color:#283a56;font-size:14px;font-weight:720}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chip{font-size:10px;border:1px solid #e1e5ec;background:#f8fafc;border-radius:999px;padding:4px 8px;color:#6a7384}
.chip.k{border-color:#dbd1ef;background:#f4f0fc;color:#6548b0}
.context{margin-top:10px;border-left:3px solid #8a61cc;background:#faf8ff;border-radius:0 9px 9px 0;padding:8px 10px;font-size:11px;color:#626a79;line-height:1.5}
.context b{color:#6548b0}
.context ul{margin:5px 0 0 16px;padding:0}
.suggestions{max-width:780px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:7px}
.suggestions button{border:1px solid #dfe5ed;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;color:#5c6675}
.composer{max-width:780px;margin:18px auto 0;display:flex;gap:9px}
.composer input{flex:1;border:1px solid #dbe2eb;border-radius:11px;padding:13px 14px;font-size:13px}
.protonote{max-width:780px;margin:10px auto 0;font-size:11px;color:#9a7d3e;background:#fffdf3;border:1px solid #eadca9;border-radius:10px;padding:8px 10px}
.footer{text-align:center;color:#939ba7;font-size:11px;margin:10px 20px 50px;line-height:1.6}

/* drawer */
.overlay{display:none;position:fixed;inset:0;background:rgba(18,29,45,.30);z-index:10}.overlay.show{display:block}
.drawer{position:fixed;top:0;right:0;width:min(770px,96vw);height:100vh;background:#fff;z-index:11;box-shadow:none;transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s,box-shadow 0s linear .28s;overflow:auto}
.drawer.open{transform:none;visibility:visible;box-shadow:-18px 0 50px rgba(18,31,52,.21);transition:transform .28s ease,visibility 0s,box-shadow 0s}
body.noscroll{overflow:hidden}
.dhead{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e9ef;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;z-index:3}
.dhead h3{margin:3px 0 0;color:var(--navy);font-size:22px}
.close{border:0;background:#f1f4f8;border-radius:50%;width:35px;height:35px;font-size:20px}
.dtabs{display:flex;gap:5px;padding:13px 22px 0}
.dtabs button{border:1px solid #dee4ec;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;color:#6e7786}
.dtabs button.active{background:#f4f0fc;border-color:#dbd1ef;color:#6548b0}
.dbody{padding:18px 22px 30px}
.dcopy{font-size:13px;color:#6b7584;line-height:1.55;margin:0 0 14px}
.pane{display:none}.pane.active{display:block}
.dbody h4{margin:18px 0 8px;color:var(--navy);font-size:14px}
.changes{margin:0 0 6px 18px;padding:0;font-size:12px;color:#4d596b;line-height:1.5}.changes li{margin:4px 0}
.contextcards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ccard{border:1px solid #e3e7ee;border-radius:13px;padding:13px;background:#fbfcfe}
.ctype{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#8f64c8;font-weight:950}
.ccard strong{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#293650}
.ccard p{font-size:10px;color:#737c8a;line-height:1.45;margin:5px 0 0}
.network{position:relative;height:430px;border:1px solid #e0e6ee;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(119,82,205,.10),transparent 24%),linear-gradient(#fbfdff,#faf9ff)}
.edge{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.center-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;padding:15px 12px;border-radius:19px;text-align:center;color:#fff;background:linear-gradient(135deg,#295fa6,#7250c6);box-shadow:0 12px 36px rgba(72,63,156,.25);z-index:3}
.center-node small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;opacity:.82;margin-bottom:5px}.center-node strong{font-size:14px}
.gnode{position:absolute;width:158px;transform:translate(-50%,-50%);border:1px solid #dfe5ed;border-radius:14px;padding:10px 11px;background:#fff;box-shadow:0 8px 23px rgba(33,50,74,.07);z-index:3;cursor:pointer;text-align:left}
.gnode.sel{border-color:#8a61cc;box-shadow:0 8px 26px rgba(110,80,200,.25)}
.gtype{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:#8e64c8}
.gnode strong{display:block;font-size:11px;line-height:1.35;margin-top:4px;color:#293650}
.gnode em{display:block;font-style:normal;font-size:10px;color:#8a92a0;margin-top:3px}
.detail{margin-top:13px;border:1px solid #e1e6ed;border-radius:14px;background:#fbfcfe;padding:13px;min-height:78px}
.dlabel{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#9066c8;font-weight:950}
.detail strong{display:block;color:var(--navy);margin:4px 0}.detail p,.detail li{margin:0;color:#667082;font-size:11px;line-height:1.5}.detail ul{margin:6px 0 0 16px;padding:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px}
.fact{border:1px solid #e3e7ee;border-radius:12px;padding:10px;background:#fbfcfe;text-align:center}
.fact b{display:block;font-size:20px;color:var(--navy)}.fact span{font-size:10px;color:#7a8393}
.caveat{margin-top:12px;font-size:11px;color:#8a7a60;background:#fffdf3;border:1px solid #eadca9;border-radius:10px;padding:9px 11px;line-height:1.5}
@media(max-width:820px){.beats,.lift,.prefgrid,.contextcards,.facts{grid-template-columns:1fr}.section{padding-left:0}.story:before,.num{display:none}.status{display:none}.user{margin-left:20px}.go-live{flex-direction:column;align-items:flex-start}}


/* ---- v3: BLENDer shell (copied from public/styles.css so the header matches production) ---- */
:root{--rainbow:linear-gradient(90deg,#ff5e5e,#ffb020,#3ec46d,#3a8dde,#9467bd);--sf-navy:#032d60;--bw-border:#e5e5e5;--bw-text-muted:#706e6b;--accent-strong:color-mix(in srgb,#9467bd 78%,#000)}
.global-nav{height:3rem;background:#fff;border-bottom:1px solid var(--bw-border);display:flex;align-items:center;gap:9px;padding:0 18px;position:sticky;top:0;z-index:5}
.global-nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rainbow)}
.navlink{display:flex;align-items:center;gap:9px;text-decoration:none}
.bfly-nav{display:block;width:26px;height:26px;flex:0 0 auto;animation:bflyFloat 5s ease-in-out infinite}
@keyframes bflyFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@media (prefers-reduced-motion:reduce){.bfly-nav{animation:none}}
.nav-product{font-weight:700;color:var(--sf-navy);font-size:15px;letter-spacing:-.01em}
.hl{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent-strong)}
.nav-spacer{flex:1}.nav-exit{font-size:12px;font-weight:700;color:var(--sf-navy);text-decoration:none;border:1px solid #d8e0ea;border-radius:8px;padding:6px 11px}
.rainbow,.topbar{display:none}

/* ---- v3: color roles. Blue = Tableau / governed data. Purple-blue = Knowledge. Teal = business outcome. ---- */
.ghead h1{font-size:44px;letter-spacing:-.02em}
.num.blue{border-color:#bcd6f7;color:#0d5ac2;background:#f1f7ff}.num.know{border-color:#d4c9f0;color:#6b4bc4;background:#faf8ff}
.qcard{border:1px solid #9cc2f2;border-radius:18px;background:linear-gradient(135deg,#eaf3ff,#f4f9ff);padding:22px 24px;box-shadow:0 6px 20px rgba(13,108,228,.09)}
.qcard .kicker{color:#0d5ac2}.qcard .question{color:#0b3f86!important;font-size:26px!important;margin:6px 0 0;font-weight:800}
.tcard{border-color:#cfe0f7}.kicker.blue{color:#0d5ac2}
.srcchip{display:flex;align-items:center;gap:11px;width:100%;text-align:left;margin:10px 0 14px;border:1px solid #b9d3f5;background:#f3f8ff;border-radius:12px;padding:10px 12px}
.srcchip .srcdot{width:10px;height:10px;border-radius:3px;background:#0d6ce4;flex:none}
.srcchip small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#5b86bd;font-weight:900}
.srcchip b{display:block;color:#0b3f86;font-size:14px}.srcchip em{display:block;font-style:normal;font-size:11px;color:#6c86a8}.srcchip i{margin-left:auto;color:#5b86bd;font-style:normal}
.srcmore{margin:-6px 0 14px;border-left:3px solid #b9d3f5;padding:4px 0 4px 12px;font-size:12px;color:#51627a;line-height:1.5;display:grid;gap:6px}.srcmore b{color:#0b3f86;margin-right:4px}
.pre{font-size:12px;font-weight:800;color:#0d5ac2;text-transform:uppercase;letter-spacing:.07em}
.tcard h2{font-size:34px;margin:4px 0 8px;color:#0b3f86}
.support{margin-top:8px!important;color:#51627a!important;font-weight:650}
.enrich{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.enrich div{border:1px solid #e1dcf3;background:#fff;border-radius:11px;padding:9px 10px;position:relative}
.enrich b{display:block;font-size:12px;color:#573ea4}.enrich i{display:block;font-style:normal;font-size:11px;color:#747688;margin-top:2px;line-height:1.4}
.healthy{display:inline-block;margin-top:5px;font-style:normal;font-size:10px;font-weight:900;color:#1a7a63;background:#e8f6f1;border-radius:999px;padding:2px 8px}
.trigger{align-items:flex-start}
.trigger strong{font-size:17px}.trigger>div>span{max-width:560px}
.outcome{margin-top:14px;display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(120,230,200,.45);background:rgba(20,120,100,.28);border-radius:14px;padding:13px 15px}
.outcome .oico{font-size:22px;color:#8ff0d2;line-height:1}.outcome small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#b9f5e3;font-weight:900}
.outcome strong{display:block;font-size:17px;margin-top:3px}.outcome em{display:block;font-style:normal;font-size:12px;color:#dbf8ef;margin-top:4px;line-height:1.45}
.kdecision h1{font-size:44px}
.added{padding:6px 0 0}.addedh{font-size:32px;color:var(--navy);margin:0 0 4px;letter-spacing:-.01em}.addeds{font-size:17px;font-weight:800;color:#573ea4;margin:0 0 14px}
.kbtn{font-size:14px;padding:13px 18px}
.primary-k{background:linear-gradient(90deg,#7652cd,#427edb);color:#fff;box-shadow:0 10px 26px rgba(102,77,190,.22)}
.secondary-k{background:#faf8ff;color:#573ea4;border:1px solid #cfc3ee}
.askcard h2{font-size:30px;margin:0 0 4px}.asksub{font-size:15px!important;margin-bottom:12px!important}
.askcard .chatmodes{justify-content:flex-start;margin:0 0 6px}.askcard .modebanner{margin:0 0 10px}
.askcard .chatbox{max-width:none}.askcard .composer{max-width:none;margin-top:14px}.askcard .suggestions{max-width:none}
.composer .btn{width:46px;padding:0;font-size:20px}

/* ---- v3: Why accordion ---- */
.acc{border-top:1px solid #e8ebf1}
.accitem{border-bottom:1px solid #e8ebf1}
.acchead{width:100%;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;text-align:left;border:0;background:none;padding:14px 4px}
.acccat{grid-column:1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#8e64c8}
.acchead strong{grid-column:1;font-size:15px;color:#243148;line-height:1.4;margin-top:2px}
.acchead i{grid-column:2;grid-row:1/3;font-style:normal;color:#9aa1ad;transition:transform .2s}
.accitem.open .acchead i{transform:rotate(180deg)}
.accbody{display:none;padding:0 4px 14px}.accitem.open .accbody{display:block}
.accbody p{margin:0;font-size:13px;color:#5c6675;line-height:1.55}
.accitem.event .acccat{color:#d47f27}.accitem.policy .acccat{color:#2a62c4}.accitem.data .acccat{color:#0d6ce4}
.accitem.open:first-child .acchead strong{font-size:19px;color:#b3631a}
.accitem.event.open{background:linear-gradient(90deg,#fff8ef,#fff)}

/* ---- v3: graph viewer ---- */
.gtabs{display:flex;gap:6px;margin:0 0 10px}.gtabs button{border:1px solid #dee4ec;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850;color:#6e7786}.gtabs button.active{background:#f4f0fc;border-color:#dbd1ef;color:#6548b0}
.gvhost{display:block}
.gv{position:relative;min-width:0}
.gv-tools{position:absolute;z-index:4;top:8px;left:8px;right:8px;display:flex;gap:6px;pointer-events:none}.gv-tools>*{pointer-events:auto}
.gv-search{flex:1;max-width:220px;border:1px solid #dbe2eb;border-radius:9px;padding:7px 10px;font-size:12px;background:rgba(255,255,255,.95)}
.gv-tools button{width:30px;border:1px solid #dbe2eb;border-radius:9px;background:rgba(255,255,255,.95);font-size:15px;color:#51627a}
.gv-stage{height:600px;border:1px solid #e0e6ee;border-radius:18px;overflow:hidden;position:relative;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 50%,rgba(119,82,205,.07),transparent 40%),linear-gradient(#fbfdff,#faf9ff)}
.gv-stage.grab{cursor:grabbing}
.gv-world{position:absolute;left:0;top:0;transform-origin:0 0}
.gv-edges{position:absolute;left:0;top:0}
.gv-world .gnode{width:150px;z-index:2}
.gnode.decision{background:linear-gradient(135deg,#295fa6,#7250c6);border-color:transparent}.gnode.decision strong,.gnode.decision .gtype{color:#fff!important}
.gnode.nodash{border-style:dashed}.gnode.dim{opacity:.25}
.gv-detail{margin:10px 0 0;border:1px solid #e1e6ed;border-radius:14px;background:#fbfcfe;padding:13px 15px;min-height:76px}
.gv-detail strong{display:block;color:var(--navy);margin:4px 0}.gv-detail p,.gv-detail li{margin:0;color:#667082;font-size:12px;line-height:1.5}.gv-detail ul{margin:6px 0 0 16px;padding:0}
.health{margin-top:14px;border:1px solid #bfe5d8;background:#f2fbf8;border-radius:14px;padding:13px 15px}
.hhead{display:flex;justify-content:space-between;align-items:flex-start}.health strong{display:block;font-size:20px;color:#1a7a63}
.demotag{font-size:10px;font-weight:800;color:#8a7a60;border:1px solid #eadca9;background:#fffdf3;border-radius:999px;padding:3px 8px}
.health ul{margin:8px 0 0 18px;padding:0;font-size:12px;color:#3f6e62;line-height:1.7}.health li.real{color:#1a5e4f;font-weight:700}
.smarter{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.smarter div{border:1px solid #e1dcf3;border-radius:12px;padding:11px 12px;background:#faf8ff}.smarter b{display:block;font-size:13px;color:#573ea4}.smarter span{display:block;font-size:12px;color:#6b7584;margin-top:3px;line-height:1.45}
@media(max-width:980px){.gvhost{grid-template-columns:1fr}.gv-detail{position:static}.enrich,.smarter{grid-template-columns:1fr}.ghead h1{font-size:32px}.kdecision h1{font-size:34px}}

/* ---- feedback pass: two colors, sticky Knowledge purple, side-by-side, full graph ---- */
.qcard{background:#fff;border:2px solid #0d6ce4;box-shadow:0 6px 20px rgba(13,108,228,.08)}
.qcard .kicker{color:#0d6ce4}.qcard .question{color:#0d5ac2!important}
/* accordion: blue = Tableau data, purple = Knowledge */
.accitem.know .acccat{color:#7250c6}.accitem.tab .acccat{color:#0d6ce4}
.accitem.open:first-child .acchead strong{color:#5b3fb0}
.accitem.know.open{background:linear-gradient(90deg,#f5f1ff,#fff)}.accitem.tab.open{background:linear-gradient(90deg,#eef5ff,#fff)}
.accitem.event.open{background:none}
/* lift headers pop */
.liftcol .top{display:inline-block;font-size:12px;letter-spacing:.06em;padding:6px 13px;border-radius:999px;background:#0d6ce4;color:#fff;margin-bottom:4px}
.liftcol.know .top{background:linear-gradient(90deg,#7250c6,#4b7fd9);color:#fff}
.liftcol.know{border:2px solid #7250c6;background:#faf8ff}.liftcol.tab{border:2px solid #9cc2f2;background:#f6faff}
/* chat: Knowledge sticks */
.agent .ak{display:inline-block;font-size:11px;padding:5px 12px;border-radius:999px;color:#fff;background:#0d6ce4;margin-bottom:6px}
.agent.kb{border:2px solid #7250c6;background:linear-gradient(#fff,#f7f3ff);box-shadow:0 6px 20px rgba(114,80,198,.14)}
.agent.kb .ak{background:linear-gradient(90deg,#7250c6,#4b7fd9)}
.agent.tb{border:2px solid #9cc2f2}
.user.kb{background:linear-gradient(135deg,#7250c6,#5a6fd6);border-color:transparent;color:#fff}
.agent.kb .context{border-left:3px solid #7250c6;background:#f1ecff}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-top:12px}.compare .agent{margin-top:0}
@media(max-width:980px){.compare{grid-template-columns:1fr}}
/* graph: relevant outline, expand */
.gnode.rel{border:2px solid #7250c6;box-shadow:0 8px 26px rgba(114,80,198,.28)}
.gv-exp{width:auto!important;padding:0 10px;font-size:12px!important;font-weight:800;margin-left:auto}
.gvhost.full{position:fixed;inset:12px;z-index:50;background:#fff;border-radius:18px;padding:12px;box-shadow:0 0 0 100vmax rgba(18,31,52,.55);overflow:auto}
.gvhost.full .gv-stage{height:calc(100vh - 150px)}
body.gvfull{overflow:hidden}

/* trigger: short, one-line shiny button with the butterfly */
.trigger{align-items:center}
.enrichline{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:12px;color:#6d5fb0;font-weight:700}
.enrichline span{display:inline-flex;align-items:center;gap:6px;color:#6d5fb0;margin:0;font-size:12px}
.enrichline span+span:before{content:"·";margin-right:8px;color:#b5acd9}
#apply{white-space:nowrap;display:inline-flex;align-items:center;gap:9px;font-size:16px;padding:14px 22px;background:linear-gradient(110deg,#7250c6,#4b7fd9,#7250c6);background-size:200% 100%;animation:kshine 3.2s linear infinite;box-shadow:0 6px 22px rgba(114,80,198,.45),inset 0 1px 0 rgba(255,255,255,.35)}
#apply img{width:22px;height:22px;filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}
@keyframes kshine{to{background-position:-200% 0}}
@media(max-width:700px){.trigger{flex-direction:column;align-items:stretch}#apply{justify-content:center}}
/* question text matches the decision headline color */
.qcard .question,.qcard .kicker{color:#0b3f86!important}
.trigger{flex-wrap:wrap}.trigger>div{flex:1 1 300px;min-width:0}
.trigger strong{font-size:16px}
#apply{flex:none;overflow:visible;padding:14px 26px;font-size:15px}
.enrichline span+span:before{display:inline}
.enrichline span:first-child:before{content:none}
.enrichline span+span:before{content:none!important}.enrichline{gap:4px 18px}
.trigger strong{font-size:15px}.trigger>div{flex-basis:440px}
.qcard{border:1px solid #e1e6ee;box-shadow:0 4px 16px rgba(32,48,70,.06)}

/* ---- v4: one app. Same type, canvas, nav pills and credit as Blender. ---- */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1100px 540px at 12% -10%,rgba(0,161,224,.16),transparent 60%),radial-gradient(920px 540px at 90% -4%,rgba(13,108,228,.14),transparent 58%),radial-gradient(780px 620px at 50% 120%,rgba(148,103,189,.16),transparent 60%),linear-gradient(180deg,#fff 0%,#eef4fb 100%) fixed}
:root{--rainbow-135:linear-gradient(135deg,#ff5e5e,#ffb020,#3ec46d,#3a8dde,#9467bd);--bw-bg:#fafaf9}
.nav-wall{display:inline-flex;align-items:center;gap:7px;margin-left:12px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:800;color:var(--sf-navy);text-decoration:none;white-space:nowrap;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--rainbow);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 1px 6px rgba(3,45,96,.1)}
.nav-wall-arrow{color:#9467bd;font-weight:900}
@media(max-width:1100px){.nav-wall-text{display:none}}
.qbrand-foot{text-align:center;font-size:12px;color:#939393;margin:6px 0 28px}
.qbrand-foot .qdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rainbow-135);margin-right:6px;vertical-align:middle}
.qbrand-foot strong{color:var(--sf-navy)}

/* ---- v4b: use the page, one-line headline, stronger source chip ---- */
.guided{max-width:1240px;padding:30px 36px 36px}
.ghead{margin-bottom:24px}
.ghead h1{font-size:clamp(28px,3.6vw,46px);white-space:nowrap}
.ghead p{max-width:900px}
@media(max-width:900px){.ghead h1{white-space:normal}}
.srcchip{background:linear-gradient(90deg,#e3efff,#f2f8ff);border:1px solid #8db8f2;border-left:5px solid #0d6ce4}
.srcchip .srcdot{width:12px;height:12px;border-radius:4px;box-shadow:0 0 0 3px rgba(13,108,228,.18)}
.srcchip small{color:#2f66b3}.srcchip b{font-size:16px}.srcchip em{color:#4d6f9c}

/* ---- v4c: Tableau Knowledge by default; compare on demand ---- */
.ansblock{margin-top:12px}.ansblock .agent{margin-top:0}
.cmpbtn{display:block;margin:10px 0 0 auto;border:1px solid #cfc6ec;background:#fff;color:#6048aa;border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:800}
.cmpbtn:hover{background:#f7f3ff;box-shadow:0 4px 12px rgba(114,80,198,.15)}

/* explorer + see-in-graph */
.ansbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ansbtns .cmpbtn{margin-top:0}
.seebtn{border:1px solid #dbd1ef;background:#f4f0fc;color:#6548b0;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:850;cursor:pointer}
.xplr{border:1px solid #e0e6ee;border-radius:18px;background:#fff;overflow:hidden}
.xp-bar{display:flex;gap:8px;padding:10px;border-bottom:1px solid #e8edf3}
.xp-search{flex:1;border:1px solid #dbe2eb;border-radius:9px;padding:8px 11px;font-size:12px}
.xp-views button{border:1px solid #dbe2eb;background:#fff;width:32px;height:32px;border-radius:8px;color:#667082;cursor:pointer}.xp-views button.on{background:#f4f0fc;color:#6548b0;border-color:#dbd1ef}
.xp-cols{display:grid;grid-template-columns:170px 1fr 1.1fr;height:560px}
.xp-tree,.xp-list,.xp-detail{overflow:auto;padding:10px;font-size:12px}.xp-tree,.xp-list{border-right:1px solid #e8edf3}
.xp-h{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#8a92a0;margin-bottom:6px}
.xp-root{font-weight:850;color:#1a2b49;margin-bottom:4px}
.xp-tree button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px 6px 16px;border-radius:7px;color:#51627a;font-size:12px;cursor:pointer}.xp-tree button.on{background:#f4f0fc;color:#6548b0;font-weight:800}
.xp-tree b,.xp-fh b{color:#8a92a0;font-weight:700;margin-left:4px}
.xp-note{color:#8a92a0;font-size:11px;line-height:1.45}
.xp-card{display:block;width:100%;text-align:left;border:1px solid #e1e6ed;background:#fbfcfe;border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.xp-card.on{border-color:#8457cf;background:#f8f5fe}.xp-card.rel{box-shadow:inset 3px 0 0 #8457cf}
.xp-card strong{color:#1a2b49;font-size:13px}.xp-sub,.xp-txt,.xp-more{display:block;color:#667082;font-size:11px;line-height:1.45;margin-top:3px}.xp-more{color:#6548b0;font-weight:800}
.xp-badge{display:inline-block;margin-left:6px;background:#eef2f7;color:#51627a;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.xp-badge.used{background:#f4f0fc;color:#6548b0}
.xp-fh{font-weight:850;color:#1a2b49;margin:4px 0 6px}.xp-all{border:0;background:none;color:#6548b0;font-weight:800;font-size:12px;cursor:pointer;margin-bottom:10px}
.xp-detail h4{margin:2px 0 8px;color:#1a2b49;font-size:15px}
.xp-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.xp-tabs button{border:1px solid #dee4ec;background:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;color:#6e7786;cursor:pointer}.xp-tabs button.on{background:#f4f0fc;border-color:#dbd1ef;color:#6548b0}
.xp-detail dl{margin:0}.xp-detail dt{font-size:10px;font-weight:850;text-transform:uppercase;color:#8a92a0;margin-top:8px}.xp-detail dd{margin:2px 0 0;color:#1a2b49}
.xp-prefs,.xp-rels{margin:0;padding-left:16px;color:#51627a;line-height:1.5}.xp-rels{list-style:none;padding:0}.xp-rels li{margin-bottom:6px}.xp-rels span{color:#8a92a0;font-size:10px;text-transform:uppercase}.xp-rels em{color:#8a92a0}
.xp-empty{color:#8a92a0}.xp-see{margin-top:12px;border:1px solid #dbd1ef;background:#f4f0fc;color:#6548b0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:850;cursor:pointer}
@media(max-width:980px){.xp-cols{grid-template-columns:1fr;height:auto}}

.kgwrap{border:1px solid #e0e6ee;border-radius:14px;overflow:hidden;height:calc(100vh - 230px);min-height:520px}.kgframe{width:100%;height:100%;border:0;display:block}
.drawer.wide{width:min(1240px,96vw)}
/* detail card sits to the right of the map, not under it */
.gvhost{display:grid;grid-template-columns:1fr 260px;gap:12px;align-items:start}.gvhost .gv-detail{margin:0;position:sticky;top:8px}
.gvhost>.gv{min-width:0}.gvhost.full{grid-template-columns:1fr 300px}
@media(max-width:980px){.gvhost,.gvhost.full{grid-template-columns:1fr}}

.md .mdh{margin:14px 0 4px;font-size:14px;font-weight:700;color:#1b2a4a;line-height:1.35}
.md .mdh.mdh1{font-size:16px;margin-top:16px}
.md hr{border:0;border-top:1px solid #e3e7ee;margin:12px 0}
.seedata .seenote{margin:8px 0;font-size:12px;color:#6b7890}.seedata .md{max-height:360px;overflow:auto;font-size:13px;padding:8px 10px;border:1px solid #e3e8f0;border-radius:8px;background:#fff}