/* KEYS: experiences form a line. Yellow marks a new or still-to-be-found key.
   Surface treatment is intentionally subordinate to words and relationships. */
:root{--bg:#fafaf7;--navy:#182e42;--yellow:#f0dd4c;--muted:#657581;--line:#d9dedf}
body{background:#e8ecec;color:var(--navy)}
.phone{background:var(--bg);box-shadow:none}
.phone>header{height:70px;background:var(--bg);border:0;padding:0 25px}
.prototype{letter-spacing:0;font-size:10px;color:#74818a}
.keymark,header .keymark{background:none;color:var(--navy);border-radius:0}
.back{border:0;background:none;margin-left:8px}
main{animation:none;padding-top:20px}
h1,h2,h3{font-feature-settings:"palt";text-wrap:pretty}
.heading h1{font-size:24px;letter-spacing:-.7px}.heading p{color:var(--muted)}
.primary,.secondary{border-radius:3px;box-shadow:none}
.primary{background:var(--navy);color:white}
.secondary{background:transparent;border:1px solid #80909b}
.pill,.tag{border:0;border-radius:0;padding:2px 0;background:none;color:var(--muted);letter-spacing:0}
.spark,.volley,.insight-art,.coach-avatar,.book-symbol{display:none}
nav{background:#fafaf7f5;border-top:1px solid #c9d2d7;backdrop-filter:blur(10px)}
nav .nav-add>span{background:var(--navy);color:white;border-radius:50%;box-shadow:0 0 0 6px var(--bg)}
nav .nav-add small{color:var(--navy)}nav button{color:#72818b}
.desktop-rail{background:none}.desktop-rail:after{border:0;border-left:2px solid #9aaab2;border-radius:0;bottom:0;left:89px;top:350px;width:0;height:auto}
.rail-copy h2{font-size:38px}.rail-copy h2 em{background:none}.rail-copy>.eyebrow{letter-spacing:.1em}
.rail-route{background:#e8ecec;position:relative;z-index:1}
.section-head{margin-top:48px}
.demo-panel{margin-bottom:20px;border:0}.demo-panel summary{color:#73838e;font-size:10px}
.home .greeting{margin-bottom:12px}.home .greeting .eyebrow{display:none}.home .greeting h1{font-size:15px;font-weight:500}.home .greeting p{font-size:11px}
/* The next observation is the one yellow landmark on HOME. */
.quest,.home .quest,.connections .quest{background:var(--yellow);color:var(--navy);border:0;border-radius:0;padding:24px 23px 22px;box-shadow:none;overflow:visible}
.quest:after{display:none}.quest .eyebrow,.connections .quest .eyebrow{color:var(--navy);letter-spacing:.08em;font-size:11px}.quest .pill,.connections .quest .pill{color:var(--navy);border:0}
.quest-gap{display:flex;align-items:center;height:49px;margin:14px 0 4px}
.quest-gap span{font:500 24px Georgia,serif;display:grid;place-items:center;width:32px;height:32px;border:1px dashed var(--navy);border-radius:50%}
.quest-gap i{height:1px;width:70px;background:var(--navy)}
.quest h2,.home .quest h2,.connections .quest h2{font-size:27px;line-height:1.55;max-width:none;margin:0;letter-spacing:-.8px}
.quest p,.connections .quest p{color:#33454b;font-size:12px;line-height:1.9;margin:15px 0 18px}
.quest-purpose{border:0;border-left:1px solid #8e8748;padding:0 0 0 12px;margin:22px 0}
.quest-purpose small,.quest-purpose span,.connections .quest-purpose span,.connections .quest-purpose small{color:#455250}
.quest .primary,.connections .quest .primary{background:var(--navy);color:#fff;border-radius:3px;margin-top:20px}
.home .map-entry,.book>.map-entry,.discovery .map-entry,.map-entry{border:0;border-radius:0;background:none;padding:25px 0;margin:16px 0;box-shadow:none;gap:15px}
.map-entry .branch-icon{color:var(--navy);background:none;font-size:44px;width:35px}
.map-entry h3{font-size:16px}.map-entry small{letter-spacing:0;color:#74818a;font-size:10px}.map-entry p{font-size:11px}
.home .area{border-top:1px solid #a8b5bd;border-radius:0;padding:13px 0}.area-icon{background:none!important;color:#6d7e88!important;border-radius:0}
.home .area-icon,.book-area .area-icon{display:none}.home .area-grid{gap:23px 20px}
.record-row,.home .record-row{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0}
.record-row>span:first-child{display:none}.record-row small{font-size:10px}.record-row strong{font-size:13px}
.discovery-card,.home .discovery-card,.book-area .discovery-card{background:none;border:0;border-radius:0;box-shadow:none;padding:18px 0;margin:0}
.discovery-card h3{font-size:18px}.discovery-card .tag{color:#657783;background:none}
.evidence-count{gap:18px}.evidence-count>span,.featured-discovery .evidence-count>span{padding:0;border:0;background:none;color:#667681;border-radius:0}
.evidence-count b,.featured-discovery .evidence-count b{color:var(--navy)}
.open-question{background:none;border:0;border-left:1px dashed #92a1ac;border-radius:0;padding:4px 0 4px 13px}
.open-question p{color:#657783}.open-question small{color:#657783}
.discovery-card .map-link{font-size:11px;color:var(--navy)}
/* A living route: text rests on the paper, with joints on a shared axis. */
.live-connection{background:var(--bg);border:0;border-bottom:1px solid #bec8ce;border-radius:0;padding:0 0 12px;margin-bottom:22px;box-shadow:none;top:0;z-index:9}
.live-connection header{background:none;padding:10px 0 12px;margin:0;height:auto;border:0}
.live-connection header strong{font-size:11px;letter-spacing:.02em}.live-connection header small{font-size:9px}
.live-scroll{max-height:min(300px,37dvh);padding:3px 7px 8px 2px}
.live-node,.live-node.certainty-tentative,.live-node.pending{background:none;border:0;border-radius:0;padding:0;gap:16px;position:relative;align-items:flex-start}
.live-node>.live-joint{width:12px;flex:0 0 12px;height:12px;border:2px solid var(--navy);border-radius:50%;margin-top:8px;background:var(--bg);font-size:11px;line-height:18px;text-align:center}
.live-node small{font-size:9px;color:#6e808c;margin-bottom:3px}
.live-node p{font-size:15px;line-height:1.65;font-weight:600;margin:0}
.live-node.stage-thought p,.live-node.stage-reflection p{font-size:18px;line-height:1.7;letter-spacing:-.3px}
.live-node p+p{border:0;margin-top:10px;padding:0}
.live-node.pending .live-joint{background:var(--yellow);border:0;width:24px;height:24px;flex-basis:24px;margin-left:-6px;margin-right:-6px;font-size:17px;line-height:24px;color:var(--navy)}
.live-node.pending p{font-size:15px}.live-node.pending small{color:#667580}
.live-node.pending{padding:8px 0}
.live-edge{height:25px;width:0;margin:2px 0 2px 7px;border-left:1px dotted #94a4af}
.live-edge.edge-clear{border-left:2px solid var(--navy)}.live-edge.edge-recognized{border-left:1px dashed #6b8399}
.live-aside{background:none;border:0;border-radius:0;margin:15px 0 4px 29px;padding:0 0 0 12px;border-left:1px dashed #9baab3;font-size:11px}
.live-connection footer{font-size:9px;margin:10px 0 0;color:#6b7b86}
.interview>.heading{display:none}
.interview .question-bubble{margin:28px 0 6px;padding-left:0}.interview .question-bubble p{font-size:18px;line-height:1.65;letter-spacing:0;font-weight:600}
.selection-help{font-size:10px;color:#657783;margin:12px 0 18px}
.choices,.interview .choices{gap:0}
.choice,.interview .choice{border:0;border-bottom:1px solid #d5dcdf;border-radius:0;background:transparent;padding:17px 8px 17px 0;font-size:12px;box-shadow:none}
.choice.selected,.interview .choice.selected{background:#e8edf0;border:0;border-bottom:1px solid #9eafb9;box-shadow:inset 3px 0 var(--navy);padding-left:13px}
.choice i{border:1px solid #899ca8;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:10px;line-height:1}
.choice.selected i{background:var(--navy);color:#fff;border-color:var(--navy)}
/* Completed routes have generous spacing and large first-person thoughts. */
.complete .heading{margin-bottom:40px}.complete .heading h1{font-size:16px;font-weight:500}.complete .heading p{font-size:10px}
.flow{margin:20px 0 30px;padding-left:3px}
.flow .node,.flow .node.certainty-clear,.flow .node.certainty-recognized,.flow .node.certainty-tentative{background:none;border:0;border-radius:0;padding:0 0 0 30px;display:block;box-shadow:none}
.flow .node:before{content:'';position:absolute;width:10px;height:10px;border:2px solid var(--navy);background:var(--bg);left:0;top:8px;border-radius:50%}
.flow .node.certainty-tentative:before{border:1px dotted #8f9fa9}
.flow .node-icon{display:none}.flow .node small{font-size:10px;color:#657783}
.flow .node strong{font-size:17px;font-weight:600;color:var(--navy);line-height:1.8}
.complete .node.thought strong,.complete .node.reflection strong{font-size:28px;font-weight:800;line-height:1.65;letter-spacing:-.8px}
.flow .origin-label{font-size:9px;color:#71838e;margin-top:10px}
.flow .edge{margin-left:5px;height:45px;gap:22px}.flow .edge i:after{display:none}.flow .edge span{font-size:8px;color:#71838e}
.same-stage-item+.same-stage-item{border:0;padding-top:0;margin-top:12px}
.complete .new-key{border:0;border-top:2px solid var(--yellow);padding:20px 0;gap:0;margin-top:45px}
.complete .new-key>span{display:none}.complete .new-key small{font-size:10px;letter-spacing:0}
.complete .new-key h2{font-size:19px;margin-top:8px;line-height:1.7}
.cooccurrence,.annotations,.unknown-result{background:none;border:0;border-left:1px dashed #9eacb6;border-radius:0;padding:10px 0 10px 20px;margin:30px 0}
.unknown-result{font-size:15px}.cooccurrence strong{font-size:13px}
.line-legend{justify-content:flex-start;font-size:9px}.caption{color:#70808b}
/* A discovery starts with the player's words, not an AI badge. */
.discovery>.heading h1{font-size:13px;color:#637784;font-weight:500}
.moment-voice{padding:32px 0 39px;margin:0;position:relative}
.moment-voice:after{content:'';display:block;width:2px;height:54px;background:var(--navy);margin:26px 0 0 14px}
.moment-voice>small{font-size:10px;color:#6d7f8b}
.moment-voice blockquote{font-size:34px;line-height:1.65;font-weight:800;letter-spacing:-1px;margin:24px 0 12px;overflow-wrap:anywhere}
.moment-voice>p{font-size:9px;color:#738490}
.finding-parts{display:block;margin:0}
.finding-parts article:first-child{background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 32px 28px;position:relative;margin:0}
.finding-parts article:first-child:before{content:'';position:absolute;left:6px;top:3px;width:18px;height:18px;background:var(--yellow);border-radius:50%;transform:translateX(-50%)}
.finding-parts article:first-child>span{font-size:10px;color:#657783}
.finding-parts article:first-child h3{font-size:23px;font-weight:800;margin-top:13px;line-height:1.8}
.finding-parts article:not(:first-child){padding:28px 0 28px 28px;border:0;border-left:1px dashed #9cabb5;margin-left:6px}
.finding-parts article:nth-child(2)>span{font-size:11px;color:#657783}
.finding-parts article:not(:first-child) p{font-size:13px;color:#526976}
.finding-parts article:last-child{border-left:2px solid var(--yellow);margin-top:15px}
.growth-note{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}.growth-note h3{font-size:14px}
.review-invitation h3{font-size:16px}
/* Playbook opens like a focused editorial spread. */
.book>.heading{margin-bottom:10px}.book>.heading h1{font-size:16px}.book>.heading p{font-size:10px}
.featured-discovery{margin:36px 0 48px;padding:0 0 0 19px;border-left:2px solid var(--navy)}
.featured-discovery>.eyebrow{letter-spacing:0;font-size:11px;color:#637784}
.featured-discovery .discovery-card{background:none;color:var(--navy);border:0;border-radius:0;padding:0;box-shadow:none}
.featured-discovery .discovery-card .tag{background:none;color:#657783;padding:0;font-size:10px}
.featured-discovery .discovery-card h3{font-size:30px;line-height:1.65;letter-spacing:-1px;margin:16px 0 26px}
.featured-discovery .open-question{border:0;border-left:1px dashed #97a8b4;padding:0 0 0 12px;margin-top:20px}
.featured-discovery .open-question p,.featured-discovery .open-question small,.featured-discovery .muted,.featured-discovery .map-link{color:#657783}
.featured-discovery .tentative-note{color:#71838e}
.understanding>span{display:none}.understanding{align-items:flex-start;padding:10px 0;gap:4px}
.understanding strong{font-size:10px}.understanding small{font-size:8px}
.understanding.discovery,.understanding.established{border-color:#687f8d}
.book-area{margin-top:42px}.book-area .section-head{margin-bottom:7px}.book-area .discovery-card{border-bottom:1px solid #cbd4d9;padding:20px 0}
.book-area .discovery-card h3{font-size:17px}.book-area .tag{background:none!important;color:#657783!important}
.locked{background:none;border:0;border-radius:0;border-left:1px dashed #8da1ae;padding:20px;margin:22px 0}.locked strong{font-size:16px}
.tabs button,.tabs button.active{border-radius:0;background:none;border:0;border-bottom:2px solid transparent;color:#657783}.tabs button.active{border-color:var(--navy);color:var(--navy)}
/* Branches, not competing cards. Each lane remains an actual record. */
.connections .heading h1{font-size:16px}.connections .heading p{font-size:11px}
.connections .map-intro{margin:20px 0 32px}.connections .map-intro .tag{font-size:10px}
.connections .branch-map{border:0;border-radius:0;padding:0;background:none;box-shadow:none;overflow:visible}
.connections .shared-node{border:0;border-radius:0;background:none;padding:0;text-align:center}
.connections .shared-node strong{font-size:32px}.connections .shared-node small{font-size:9px}
.branch-trunk{height:35px;border-left:2px solid var(--navy);background:none;width:0;margin:auto}
.branch-lanes{gap:24px;border-top:2px solid var(--navy);grid-template-columns:repeat(var(--lanes),minmax(0,1fr))}
.branch-lane,.branch-lane.counter{min-width:0;background:none!important;border:0;padding:22px 0 0;margin:0;border-radius:0}
.connections .lane-title,.connections .overload .lane-title{background:none;border:0;border-radius:0;padding:0;text-align:left;color:var(--navy)}
.lane-title>span{display:none}.lane-title strong{font-size:12px}.lane-title small,.connections .overload .lane-title small{color:#6d7e89;font-size:9px}
.lane-title:before{content:'';height:20px;border-left:2px solid var(--navy);top:-22px;left:5px}
.lane-evidence{font-size:9px;color:#71838f;text-align:left;margin:14px 0 23px}
.connections .lane-node,.connections .lane-node.thought,.connections .lane-node.certainty-recognized,.connections .lane-node.certainty-tentative{padding:0 0 0 14px;border:0;border-left:1px solid #bbc6cd;border-radius:0;background:none;margin:0 0 32px;min-height:0;text-align:left}
.connections .lane-node strong{font-size:13px;color:var(--navy);font-weight:600;line-height:1.9;overflow-wrap:anywhere}
.connections .lane-node.thought strong{font-size:19px;font-weight:800;line-height:1.75}
.connections .lane-node small{font-size:8px;color:#738591}
.connections .lane-node:after{height:30px;bottom:-32px;left:-1px}
.connections .lane-node.result{border-left:2px solid var(--navy)}
.connections .lane-node.result:after{display:none}
.lane-records summary{font-size:9px;color:#657783}
.lane-records button{background:none;border-radius:0;border-bottom:1px solid #cbd4dc;font-size:10px;padding:8px 0}
.connections .unresolved-card{margin:54px 0 0;border:0;border-left:1px dashed #9caab4;padding:0 0 35px 23px;position:relative}
.unknown-joint{width:32px;height:32px;background:var(--bg);border:1px dashed #718592;border-radius:50%;position:relative;left:-40px;margin-bottom:16px;display:grid;place-items:center;font-size:21px}
.connections .unresolved-card h2{font-size:25px;color:var(--navy);line-height:1.7}
.connections .unresolved-card p{color:#657783;font-size:12px}
.connections .quest{margin-top:0}.connections .quest h2{font-size:23px}
.type-card{background:none;border:0;border-bottom:1px solid #c4ced5;border-radius:0;padding:25px 0}
.type-card>span{background:none;color:#6e8290}.type-card h2{font-size:20px}
.coach .assistant-bubble{border:0;border-left:1px solid #8398a6;background:none;border-radius:0;padding:10px 0 10px 20px;font-size:16px}
.coach .user-bubble{background:none;border:0;border-right:2px solid var(--navy);border-radius:0;padding:10px 18px 10px 0;text-align:right;font-size:20px}
.coach-intro{background:none;border:0;padding:15px 0 25px}
.chat-input{border-radius:3px}.chat-input button{background:var(--navy);color:white;border-radius:3px}
@media(max-width:360px){
 main{padding-left:20px;padding-right:20px}
 .live-node.stage-thought p,.live-node.stage-reflection p{font-size:16px}
 .complete .node.thought strong,.complete .node.reflection strong{font-size:25px}
 .moment-voice blockquote{font-size:30px}
 .featured-discovery .discovery-card h3{font-size:27px}
 .branch-lanes{gap:17px}.connections .lane-node{padding-left:10px}.connections .lane-node.thought strong{font-size:16px}
 .home .quest h2{font-size:25px}.interview .question-bubble p{font-size:17px}
}
.branch-lane:before{display:none}
.connections .lane-title{align-items:flex-start;min-height:36px}
.lane-evidence{padding:0;min-height:38px}
.branch-lanes{overflow:visible}
.branch-lanes:has(>.branch-lane:nth-child(3)){overflow-x:auto}
.featured-discovery .discovery-card .row .map-link{font-size:11px}
.live-scroll{padding-left:8px}.live-node.just-found>.live-joint{background:var(--yellow);border-color:var(--yellow)}
.choice i{font-size:0}.choice.selected i{font-size:10px}
.words-quote{display:block;text-wrap:balance}
.words-context{display:block;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.9;margin-top:9px;color:#5c7180}
.moment-voice blockquote{text-wrap:balance;line-break:strict}
.route-unknown{display:flex;gap:20px;align-items:center;border-left:1px dashed #94a5af;margin:0 0 28px 5px;padding:12px 0 22px 24px}
.route-unknown>b{font-size:25px;font-weight:500}.route-unknown strong{display:block;font-size:15px}.route-unknown small{font-size:10px;color:#6a7f8d}
/* End the shared branch line at its two routes rather than implying a third. */
.branch-lanes:has(>.branch-lane:nth-child(2)):not(:has(>.branch-lane:nth-child(3))){position:relative;border-top:0}
.branch-lanes:has(>.branch-lane:nth-child(2)):not(:has(>.branch-lane:nth-child(3))):before{content:'';position:absolute;left:5px;right:calc((100% - 24px)/2 - 5px);top:0;border-top:2px solid var(--navy)}
@media(max-width:360px){.branch-lanes:has(>.branch-lane:nth-child(2)):not(:has(>.branch-lane:nth-child(3))):before{right:calc((100% - 17px)/2 - 5px)}}