/* The same conversation surface on the start page, TripDNA and TOP 3. */
.work-chat-card{box-sizing:border-box;display:block;width:100%;max-width:824px;margin:0 auto;padding:18px 18px 14px;border:1px solid rgba(255,255,255,.78);border-radius:32px;background:rgba(255,255,255,.94);box-shadow:0 22px 60px rgba(19,48,40,.14);backdrop-filter:blur(14px);color:#17372e;font-family:Manrope,system-ui,sans-serif;text-align:left}
.work-chat-card .work-chat-log{display:block;min-height:0;max-height:min(32svh,270px);overflow-y:auto;overscroll-behavior:contain;padding:0 4px 12px;margin:0 0 14px;border-bottom:1px solid #e5ece8;scrollbar-width:thin}
.work-chat-card .work-chat-message{display:block;max-width:none;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:#eef5f1;text-align:left}
.work-chat-card .work-chat-message.is-user{margin-left:24px;background:#f3f4f3}
.work-chat-card .work-chat-message>i{display:none}
.work-chat-card .work-chat-message .tp-chat-bubble{padding:0;border:0;background:none;border-radius:0}
.work-chat-card .work-chat-message strong{display:block;margin:0 0 5px;font-size:11px;line-height:1.4;color:#467363}
.work-chat-card .work-chat-message p{margin:0;font-size:14px;line-height:1.55;color:#17372e;white-space:pre-wrap;overflow-wrap:anywhere}
.work-chat-card textarea{display:block;width:100%;min-height:92px;max-height:150px;padding:2px 3px;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#17372e;font:400 16px/1.55 Manrope,system-ui,sans-serif;resize:none}
.work-chat-card textarea::placeholder{color:#52675e;opacity:1}
.work-chat-card:has(textarea:focus-visible){outline:3px solid #08745344;outline-offset:3px}
.work-chat-card .work-chat-progress{display:flex;align-items:center;gap:12px;margin:16px 3px 12px}
.work-chat-progress>i{display:block;flex:1;height:5px;overflow:hidden;border-radius:999px;background:#e5ece8}
.work-chat-progress>i>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#75b6a1,#087453);transition:width .4s ease}
.work-chat-progress>b{min-width:35px;text-align:right;font-size:12px;line-height:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#467363}
.work-chat-card .work-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 0;padding:0}
.work-chat-actions>span{color:#6b7a73;font-size:10px}
.work-chat-card .work-chat-actions>button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:0;border-radius:13px;background:#087453;color:#fff;box-shadow:none;font:800 14px/1.5 Manrope,system-ui,sans-serif;cursor:pointer}
.work-chat-actions>button:hover{background:#05583f}.work-chat-actions>button:disabled{opacity:.55;cursor:wait}
.work-chat-suggestion{margin:0 3px 12px;padding:0;background:none;border:0;border-radius:0;color:#52675e;font-size:11px;line-height:1.5}
.work-chat-suggestion strong{color:#087453;font-size:10px;margin-right:6px}.work-chat-suggestion p{margin:0}
.work-chat-suggestion>i{display:none}
.work-chat-suggestion span{display:inline;min-height:0;font-size:11px}
.work-chat-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-chat-section.change-chat,.work-chat-section.chat-panel{width:min(824px,100%);max-width:824px;margin:30px auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.work-chat-title{text-align:center;margin:0 0 16px;font-size:22px;color:#17372e;letter-spacing:-.6px}
.work-chat-section>.text-btn{display:block;margin:16px auto 0;font-size:12px}

/* TripDNA: supporting information on either side of the conversation. */
body.work-dna-centered{background:#f5f4ed url('assets/landing/hero-balloon-clean.png') right top/cover fixed no-repeat}
body.work-dna-centered::before{display:none}
.work-dna-centered .tp-tripdna-page{width:min(1600px,calc(100% - 64px));min-height:0;margin:42px auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.work-dna-centered .tp-tripdna-main{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,824px) minmax(190px,1fr);gap:24px;min-height:0;align-items:start}
.work-dna-centered .tp-tripdna-chat{grid-column:2;grid-row:1;padding:0;border:0;min-width:0}
.work-dna-centered .tp-chat-heading{display:block;position:relative;text-align:center;padding:0 12px 22px;border:0}
.work-dna-centered .tp-chat-heading h1{color:#17372e;font-size:34px}
.work-dna-centered .tp-chat-heading p{margin:9px auto 0;color:#294a41;font-size:13px}
.work-dna-centered .tp-chat-status{display:none}
.work-dna-centered .tp-dna-panel{margin-top:100px;padding:22px 18px;border:1px solid #ffffffb3;border-radius:22px;background:rgba(250,252,249,.92);box-shadow:0 12px 35px #17372e10;backdrop-filter:blur(12px)}
.work-dna-centered .tp-dna-basics{grid-column:1;grid-row:1}.work-dna-centered .tp-dna-priorities{grid-column:3;grid-row:1}
.work-dna-centered .tp-dna-heading h2{font-size:20px}.work-dna-centered .tp-dna-facts{margin-top:16px}
.work-dna-centered .tp-dna-hint{margin:12px 0 18px}.work-dna-centered .tp-dna-preferences{margin:0 0 18px}
.work-dna-centered .tp-dna-fact{padding:13px 0;gap:5px}.work-dna-centered .tp-dna-fact dd{font-size:12px}
.work-dna-centered .tp-dna-live-note{padding:10px;background:none;border:0}
.work-dna-centered .tp-chat-suggestion{display:block;min-height:0;margin:0 3px 12px;padding:0;border:0;border-radius:0;background:none}
.work-dna-centered .tp-chat-suggestion strong,.work-dna-centered .tp-chat-suggestion span{display:inline}
.work-dna-centered .tp-chat-suggestion span::after{display:none}
@media(max-width:1100px){.work-dna-centered .tp-tripdna-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-dna-centered .tp-tripdna-chat{grid-column:1/-1;grid-row:1;width:100%;max-width:824px;justify-self:center}.work-dna-centered .tp-dna-basics{grid-column:1;grid-row:2}.work-dna-centered .tp-dna-priorities{grid-column:2;grid-row:2}.work-dna-centered .tp-dna-panel{margin-top:0}}


/* Keep the balloon visible above the two supporting TripDNA columns. */
@media(min-width:1101px){.work-dna-centered .tp-dna-panel{margin-top:clamp(180px,26vh,280px)}}
body.work-top3-background{background:#f5f4ed url('/top3-v1/journey/assets/landing/hero-balloon-clean.png') right top/cover fixed no-repeat}
.work-top3-background #work-site-header,.work-dna-centered #work-site-header{background:transparent;border-bottom-color:transparent}
.work-top3-background .intro h1,.work-top3-background .intro .eyebrow{color:#17372e;text-shadow:0 1px 14px #ffffffb3}
.work-top3-background .results-wrap>p.small{width:fit-content;padding:8px 12px;border-radius:10px;background:#fffdfad9;color:#294a41}
.work-top3-background .work-chat-title{color:#fff;text-shadow:0 1px 5px #12372e,0 2px 15px #12372e}
.work-top3-background .work-chat-section>.text-btn{color:#fff;text-shadow:0 1px 5px #12372e}
.work-top3-background footer{background:#fffdfae8}

html:has(body.work-dna-centered),html:has(body.work-top3-background){min-height:100%;background:#a4b4b8 url('/top3-v1/journey/assets/landing/hero-balloon-clean.png') right top/cover fixed no-repeat}
body.work-dna-centered,body.work-top3-background{background:transparent}

html:has(body.work-dna-centered),html:has(body.work-top3-background){background:#a4b4b8}
body.work-dna-centered,body.work-top3-background{position:relative;isolation:isolate}
body.work-dna-centered::before,body.work-top3-background::before{content:'';display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/top3-v1/journey/assets/landing/hero-balloon-clean.png') right top/cover no-repeat;backdrop-filter:none}