/* W54: the same conversation and completion surface for HOME and TripDNA. */
html.tp-work-home .journey-shell{justify-content:flex-start;min-height:0;padding-top:24px;gap:24px}
html.tp-work-home .journey-shell .work-home-hero{width:min(100%,1120px)}
html.tp-work-home .journey-shell .work-home-hero h1{font-size:40px;line-height:1.16;letter-spacing:-1.35px;margin-bottom:12px}
html.tp-work-home .journey-shell .work-home-hero h1 br{display:none}
html.tp-work-home .journey-shell .work-home-hero h1 em{display:inline;font-size:inherit;letter-spacing:inherit;margin-left:.18em}
html.tp-work-home .journey-shell .work-home-hero .tp-hero-trust{display:none}
html.tp-work-home .journey-shell .work-home-hero .tp-eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:9px!important}
html.tp-work-home .journey-shell .work-home-hero .tp-hero-lead{font-size:13px;max-width:710px}
.journey-shell .chat{padding:22px;border:1px solid #fffdfad9;border-radius:24px;background:#fffefa;box-shadow:0 10px 30px #18382b14;backdrop-filter:none}
.journey-chat-heading{display:flex;align-items:center;gap:10px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e2e9e2}
.journey-advisor{display:grid;place-items:center;width:32px;height:32px;background:#e8f3ed;color:#087453;border-radius:50%;font-size:24px;line-height:1}
.journey-chat-heading strong{display:block;font-size:13px;font-weight:800;line-height:1.4;color:#193f35}
.journey-chat-heading div>span{display:block;font-size:11px;color:#62776a;line-height:1.6}
.journey-shell #turns{max-height:min(40svh,420px);margin-bottom:0;padding:0 4px 0 0;border-bottom:0;flex:none;scrollbar-gutter:stable}
.journey-shell #currentTopic{display:none}
.journey-shell .work-chat-message{padding:13px 15px;margin-bottom:17px;border-radius:13px;background:#edf5f0}
.journey-shell .work-chat-message.is-user{margin-left:28px;background:#f1f2ef}
.journey-shell .work-chat-message>strong{font-size:11px;color:#517663;margin-bottom:6px}
.journey-shell .work-chat-message .message-copy{font-size:14px;line-height:1.7;color:#244b3d;overflow-wrap:anywhere}
.journey-shell .work-chat-message .message-copy p{font-size:inherit;line-height:inherit;white-space:normal;margin:0 0 11px}
.journey-shell .work-chat-message .message-copy p:last-child{margin-bottom:0}
.journey-shell .work-chat-message .message-copy strong{display:inline;font-size:inherit;line-height:inherit;font-weight:800;color:#1b4535;margin:0}
.journey-shell .work-chat-message .message-copy ul,.journey-shell .work-chat-message .message-copy ol{margin:9px 0 13px;padding-left:20px;font-size:inherit;line-height:inherit}
.journey-shell .message-copy li{padding:3px 0}
.journey-shell #composer{margin:18px 0 0;padding-top:12px;border-top:1px solid #e1e9e1}
.journey-shell textarea,.home-start-hints .journey-shell textarea{min-height:70px;max-height:160px;padding:5px 3px;font-size:15px;line-height:1.6}
.journey-shell .home-composer-meta{min-width:0}
.journey-shell .home-keyboard-hint{font-size:11px;line-height:1.5}
.journey-shell .work-chat-actions{margin-top:8px;gap:12px}
.journey-shell .work-chat-actions #send{min-height:42px;padding:10px 17px;border-radius:10px;font-size:13px}
.journey-shell #status{max-width:100%;font-size:12px}
.home-start-hints .journey-shell #status[data-analyzing=true],.journey-shell #status[data-analyzing=true]{background:transparent;border:0;padding:4px 0;margin:0;box-shadow:none;font-size:13px;min-height:26px}
.journey-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}
.journey-shell .journey-suggestion{font-size:12px;line-height:1.5;padding:7px 12px;border:1px solid #cdded1;background:transparent;color:#3d6652;border-radius:18px;font-weight:500;white-space:normal;text-align:left}
.journey-shell .journey-suggestion:hover{background:#eff6f0}
.journey-shell .journey-suggestion:focus-visible{outline:3px solid #70bba1;outline-offset:3px}
.journey-shell .home-progress{margin:18px 0 0;padding-top:14px;border-color:#e3e9e1}
.journey-shell .home-progress-track{height:4px;margin-top:8px}
.journey-shell .home-progress-top{font-size:11px;font-weight:500}
.journey-shell .home-progress-top strong{font-size:13px;font-weight:800}
.journey-shell #homeProgressCaption:empty{display:none}
.journey-shell .home-completion{margin:19px 0 0;padding:21px;background:#edf7f1;border-color:#d3e8da;border-radius:16px}
.journey-shell .home-completion h2{font-size:21px;letter-spacing:-.45px;font-weight:800}
.journey-shell .home-completion>p{font-size:13px;line-height:1.7}
.journey-shell .home-completion dl{font-size:12px}
.journey-shell .home-completion #homeCompletionNext{font-size:13px;padding:13px 12px;border-radius:10px}
.journey-shell .journey-text-button,.journey-shell .home-completion #homeCompletionEdit{display:block;width:auto;margin:13px auto 0;padding:3px 5px;background:transparent;border:0;color:#49715b;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:500;line-height:1.5}
.journey-shell .journey-text-button:focus-visible{outline:3px solid #70bba1;outline-offset:3px}
.journey-shell .dna-preview{margin:18px 0 0;padding:14px 0 0;border:0;border-top:1px solid #dce7e2;border-radius:0;background:transparent}
.journey-shell .dna-preview h2{font-size:15px}
.journey-shell .dna-preview p,.journey-shell .dna-preview li{font-size:12px}
.journey-shell .dna-preview button{font-size:12px;padding:8px 12px;background:#edf5ef;color:#12654c;border:1px solid #c8dbce}
.journey-side{display:none;min-width:0;background:#fffefa;border-radius:18px;padding:24px;box-shadow:0 4px 22px #17372e0c;color:#193f35}
.journey-side-heading{display:flex;gap:10px;align-items:center;margin-bottom:26px}
.journey-ring{--percent:0;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:conic-gradient(#087453 calc(var(--percent)*1%),#e4ebe5 0);display:grid;place-items:center;position:relative}
.journey-ring::before{content:'';position:absolute;inset:3px;background:#fffefa;border-radius:50%}
.journey-ring strong{position:relative;font-size:11px;font-weight:800}
.journey-side-heading h2{font-size:18px;line-height:1.25;letter-spacing:-.4px;margin:0 0 4px;font-weight:800}
.journey-side-heading p{font-size:11px;color:#64776b;margin:0;line-height:1.5}
.journey-facts{list-style:none;margin:0;padding:0 0 0 4px}
.journey-facts li{position:relative;padding:0 0 22px 25px;min-height:60px;overflow-wrap:anywhere}
.journey-facts li:not(:last-child)::before{content:'';position:absolute;left:7px;top:18px;bottom:0;width:1px;background:#dfe7de}
.journey-facts li:last-child{padding-bottom:0}
.journey-fact-state{position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;background:#1c6650;color:white;display:flex;align-items:center;justify-content:center}
.journey-fact-state svg{width:11px;height:11px}
.journey-facts .is-pending .journey-fact-state{background:#e5ebe4;border:1px solid #9aa99e}
.journey-fact-label{font-size:11px;letter-spacing:.45px;text-transform:uppercase;color:#64766a;display:flex;gap:5px;align-items:center;line-height:1.4;margin-bottom:5px}
.journey-fact-label svg{width:13px;height:13px;flex:none}
.journey-fact-value{font-size:14px;line-height:1.55;font-weight:750;display:block;white-space:normal}
.journey-facts .is-pending .journey-fact-value{font-weight:500;color:#62776a}
.journey-facts .is-updated .journey-fact-value{animation:journey-update 1.3s ease-out}
.journey-side-empty{font-size:13px;color:#64766a;line-height:1.7}
@keyframes journey-update{from{background:#d4ecd9}to{background:transparent}}
@media(min-width:980px){
 body[data-stage=TRIPDNA] .journey-shell{padding-left:24px;padding-right:24px}
 body[data-stage=TRIPDNA] .journey-shell .conversation-layout{display:grid;width:100%;max-width:1320px;grid-template-columns:minmax(0,260fr) minmax(0,712fr) minmax(0,300fr);gap:24px;align-items:start}
 body[data-stage=TRIPDNA] .conversation-layout>.journey-conversation{grid-column:2;grid-row:1;width:100%;max-width:none}
 body[data-stage=TRIPDNA] .journey-side:not([hidden]){display:block}
 body[data-stage=TRIPDNA] #visualBasicsPanel{grid-column:1;grid-row:1}
 body[data-stage=TRIPDNA] #visualNeedsPanel{grid-column:3;grid-row:1}
 html.tp-work-home body[data-stage=TRIPDNA] .journey-shell .work-home-hero h1{font-size:34px}
 body[data-stage=TRIPDNA] .journey-notices{width:min(712px,100%)}
}
@media(min-width:980px) and (max-width:1199px){
 body[data-stage=TRIPDNA] .journey-shell{padding-left:16px;padding-right:16px}
 body[data-stage=TRIPDNA] .journey-shell .conversation-layout{gap:12px}
 .journey-side{padding:19px 12px}
 .journey-side-heading{gap:7px}
 .journey-side-heading h2{font-size:15px}
 .journey-fact-value{font-size:13px}
 .journey-shell .chat{padding:18px}
}
@media(prefers-reduced-motion:reduce){.journey-facts .is-updated .journey-fact-value{animation:none}}

/* HOME and TripDNA: keep the photo visible beneath the footer. */
html.tp-work-home body[data-stage] > footer{background:transparent;border:0;box-shadow:none;color:#fffdfa;text-shadow:0 1px 3px #16362ccc}
