.experience-page{min-height:100vh;background:linear-gradient(180deg,#fbf9f3,#f4efe3)}.experience-header{position:relative}.back-link{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--teal);text-decoration:none}.workspace-wrap{width:min(1380px,calc(100% - 36px));margin:2rem auto 4rem}.workspace-heading{text-align:center;max-width:900px;margin:0 auto 1.8rem}.workspace-heading h1{font-size:clamp(2.25rem,4.4vw,4.4rem)}.workspace-heading>p:last-child{font:1.08rem/1.65 var(--serif);color:var(--ink-2)}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 285px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow);overflow:hidden;min-height:690px}.app-panel{padding:1.35rem}.app-panel.left{background:#f7f2e8;border-right:1px solid var(--line)}.app-panel.right{background:#f9f6ef;border-left:1px solid var(--line)}.app-panel h2{font-size:1.35rem}.app-panel .helper{font-size:.78rem;color:var(--muted);margin-top:-.45rem}.field-label{display:block;margin:1.1rem 0 .45rem;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.age-select{width:100%;min-height:46px;padding:.65rem .8rem;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font-weight:700}.need-list{display:grid;gap:.55rem}.need-button{width:100%;min-height:48px;text-align:left;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink-2);padding:.7rem .8rem;cursor:pointer}.need-button[aria-pressed="true"]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal);font-weight:700}.build-path{margin-top:1rem;width:100%;border:0;cursor:pointer}.nourishment-note{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem;color:var(--muted);font:italic .78rem/1.55 var(--serif)}
.growth-main{padding:1.25rem;background:#fffdf9}.path-hero{min-height:390px;border-radius:19px;padding:1.65rem;position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(135deg,rgba(246,240,225,.97),rgba(229,241,236,.88)),url('journey-dawn.webp') center/cover no-repeat;border:1px solid #d5c8aa}.path-hero .eyebrow{margin-bottom:.45rem}.path-hero h1{font-size:clamp(2rem,4vw,3.5rem);max-width:730px;margin:.15rem 0 .7rem}.path-hero>p{max-width:680px;color:var(--ink-2);margin:0}.time-chip{position:absolute;right:1.2rem;top:1.2rem;border:1px solid var(--gold-light);border-radius:999px;padding:.35rem .65rem;background:rgba(255,254,250,.8);font-size:.72rem;font-weight:700;color:var(--teal)}.growth-path{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin-top:2.2rem;position:relative}.growth-path::before{content:"";position:absolute;left:6%;right:6%;top:23px;height:2px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--teal));z-index:0}.path-node{position:relative;z-index:1;text-align:center}.path-node b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto .55rem;background:var(--white);border:2px solid var(--gold);color:var(--teal);box-shadow:0 4px 16px rgba(18,50,56,.12)}.path-node strong{display:block;font:600 .9rem/1.25 var(--serif);max-width:110px;margin:auto}.today-card{margin-top:1rem;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.8rem;padding:1rem;border-radius:14px;background:var(--teal-soft);border:1px solid #bdd2ca}.today-card>span:first-child{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--teal);font-weight:700}.today-card small,.today-card strong{display:block}.today-card small{font-size:.68rem;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.today-card strong{font:600 1rem var(--serif)}.today-card a{color:var(--teal);text-decoration:none;font-weight:700}
.source-card,.home-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:.8rem}.source-card h3,.home-card h3{font-size:1.08rem}.source-card>p,.home-card>p{font-size:.77rem;color:var(--muted)}.source-list{display:grid;gap:.45rem}.source-list div{display:grid;grid-template-columns:28px 1fr;gap:.55rem;align-items:center;padding:.52rem;border-radius:9px;background:var(--paper)}.source-list b{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:var(--teal);color:white;font-size:.65rem}.source-list strong{font-size:.76rem}.source-list small{display:block;font-size:.62rem;color:var(--muted)}.review-note{margin-top:.8rem;border-left:3px solid var(--gold);padding-left:.7rem;font-size:.68rem;color:var(--muted)}.home-card blockquote{font:600 1.05rem/1.5 var(--serif);margin:.8rem 0}.activity-row{display:flex;gap:.4rem;flex-wrap:wrap}.activity-row span{font-size:.64rem;padding:.3rem .45rem;background:var(--gold-soft);border-radius:99px;color:#79561a}
.orientation-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.2rem;align-items:stretch}.orientation-copy,.timeline-preview,.lab-card,.ask-workspace{border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}.orientation-copy{padding:clamp(1.5rem,4vw,3rem)}.orientation-copy p{color:var(--ink-2)}.mode-choices{display:grid;gap:.65rem;margin:1.5rem 0}.mode-choices a{padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--paper)}.mode-choices strong,.mode-choices span{display:block}.mode-choices span{font-size:.74rem;color:var(--muted)}.timeline-preview{min-height:560px;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(rgba(245,240,226,.88),rgba(232,242,237,.92)),url('journey-dawn.webp') center/cover no-repeat}.timeline-preview h2{max-width:600px}.timeline-axis{position:absolute;left:10%;right:10%;top:53%;height:3px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--teal))}.timeline-events{position:absolute;left:8%;right:8%;top:calc(53% - 25px);display:flex;justify-content:space-between}.timeline-events div{text-align:center;width:100px}.timeline-events b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;margin:auto;background:var(--white);border:2px solid var(--gold);color:var(--teal)}.timeline-events strong,.timeline-events small{display:block}.timeline-events strong{font:600 .85rem var(--serif);margin-top:.65rem}.timeline-events small{font-size:.65rem;color:var(--muted)}.orientation-note{position:absolute;bottom:1.5rem;left:2rem;right:2rem;background:rgba(255,254,250,.9);padding:1rem;border-radius:12px;border-left:4px solid var(--gold);font-size:.82rem;color:var(--ink-2)}
.lab-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem}.lab-sidebar,.lab-card{padding:1.2rem}.lab-sidebar{border:1px solid var(--line);border-radius:18px;background:#f5f0e5}.lab-sidebar h2{font-size:1.3rem}.lab-tabs{display:grid;gap:.45rem}.lab-tab{border:1px solid var(--line);background:white;border-radius:10px;padding:.7rem;text-align:left;cursor:pointer;color:var(--ink-2)}.lab-tab.active{background:var(--teal-deep);color:white;border-color:var(--teal-deep)}.lab-card{min-height:600px}.lab-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.lab-head h2{font-size:1.7rem}.lab-head p{margin:0;color:var(--muted);font-size:.78rem}.lab-status{align-self:flex-start;border:1px solid var(--gold-light);border-radius:99px;padding:.35rem .55rem;color:#7b591e;background:var(--gold-soft);font-size:.66rem;font-weight:700}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.compare-column{border:1px solid var(--line);border-radius:13px;padding:1rem;background:var(--paper)}.compare-column strong{font:600 1rem var(--serif);color:var(--teal)}.compare-column small{display:block;color:var(--gold);margin:.25rem 0 .7rem}.compare-column p{font-size:.78rem;color:var(--ink-2)}.gap-message{margin-top:1rem;padding:1rem;border:1px dashed var(--gold-light);border-radius:12px;background:var(--gold-soft);font-size:.78rem;color:#76551e}
.ask-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.ask-workspace{padding:1.4rem}.ask-form{display:flex;gap:.7rem;padding:.6rem;border:1px solid var(--line);border-radius:14px;background:white}.ask-form input{border:0;outline:0;min-width:0;flex:1;padding:.4rem .5rem;font-size:1rem}.ask-form button{border:0;cursor:pointer}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.suggestions button{border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:.45rem .65rem;font-size:.72rem;color:var(--ink-2);cursor:pointer}.answer-demo{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.3rem}.answer-demo h2{font-size:1.7rem}.answer-layer{display:grid;grid-template-columns:125px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.answer-layer strong{font:600 .9rem var(--serif);color:var(--teal)}.answer-layer p{margin:0;color:var(--ink-2);font-size:.83rem}.ask-side{display:grid;gap:.8rem;align-content:start}.boundary-card{border:1px solid var(--line);border-radius:15px;background:var(--white);padding:1rem}.boundary-card h3{font-size:1.05rem}.boundary-card p,.boundary-card li{font-size:.76rem;color:var(--muted)}.boundary-card ul{padding-left:1.1rem}.preview-only{padding:.65rem .75rem;border-radius:10px;background:var(--gold-soft);color:#76551e;font-size:.7rem;font-weight:700}
@media(max-width:1050px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.app-panel.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.source-card,.home-card{margin:0}.compare-grid{grid-template-columns:1fr}.orientation-grid{grid-template-columns:1fr}.timeline-preview{min-height:500px}}
@media(max-width:760px){.workspace-wrap{width:min(100% - 24px,1380px);margin-top:1rem}.workspace-heading{text-align:left}.experience-header .brand small{display:none}.app-shell{display:block}.app-panel.left{border-right:0;border-bottom:1px solid var(--line)}.need-list{grid-template-columns:1fr 1fr}.growth-main{padding:.8rem}.path-hero{padding:1.2rem}.time-chip{position:static;display:inline-block;margin-bottom:.8rem}.growth-path{grid-template-columns:repeat(5,minmax(95px,1fr));overflow:auto;padding-bottom:.7rem}.app-panel.right{display:block}.source-card,.home-card{margin-bottom:.8rem}.lab-layout{grid-template-columns:1fr}.lab-tabs{grid-template-columns:1fr 1fr}.ask-layout{grid-template-columns:1fr}.timeline-events div:nth-child(2),.timeline-events div:nth-child(4){display:none}.orientation-note{left:1rem;right:1rem}.answer-layer{grid-template-columns:1fr;gap:.25rem}}