/* Tour screens (AK, Nov 5 2026: "highest quality possible"): HTML/CSS rebuilds of real Humantic AI app screens, made from AK's
   Nov 5 captures (04-build/feedback/amar-call-nov05/captures/). Same layout, labels and data as the captures (fictional people,
   Walmart buyer, Snowflake seller), drawn as HTML so they stay sharp at any zoom and any screen density.
   Framing (AK's concept, Nov 4 shots): a soft brand slab behind the app window, with 1 or 2 floating detail cards.
   Each screen is a 1200 x 640 design canvas (views/partials/tour-screens/*.ejs), scaled to the tour box by tour.js (--fit).
   Colours inside the app window are the product's own (cream surface, DISC red / gold / green / blue); the slab is brand
   (gold 300, lavender, cream). Fonts: Source Serif 4 for names and titles (as in the app), Manrope for everything else. */
.hxt__canvas { position: absolute; left: 0; top: 0; transform-origin: 0 0; transform: scale(var(--fit, .45)); }
.ts { --a-bg: #F8F6F0; --a-card: #FFFDF8; --a-soft: #F2EEE5; --a-line: #E7E1D5; --a-line2: #EEE9DF; --a-ink: #1E1B17; --a-text: #3B3833;
  --a-mute: #77726A; --a-gold: #F2C14E; --a-gold-ink: #8A5A00; --a-green: #2F7D4F; --a-green-bg: #E3F1E7; --a-red: #A8322B; --a-red-bg: #F7E0DD;
  --a-blue: #3D6AA3; --a-blue-bg: #E2EAF5; --a-serif: "Source Serif 4", Georgia, "Times New Roman", serif; --a-sans: Manrope, Arial, sans-serif;
  position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; color: var(--a-ink); font: 500 13px/1.45 var(--a-sans); text-align: left;
  -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; }
.ts * { box-sizing: border-box; }
.ts :where(p, h4, h5, ul, ol, li) { margin: 0; padding: 0; list-style: none; }
.ts :is(p, h4, h5, li, dt, dd) { text-wrap-style: auto; }
.hxt .ts :is(p, h4, h5, li, dt, dd, b, small, span) { text-wrap-style: auto; } /* style only: text-wrap: wrap would also undo white-space: nowrap (truncated titles) */ /* AK Nov 5: page rules (text-wrap: balance on li, p) must never reflow a screen */ /* the app wraps plainly; the page's balance/pretty rules (e.g. .pdm p) must not reflow the screen */
.ts b { font-weight: 700; }

/* brand slab + app window + floating cards */
.ts-slab { position: absolute; left: 0; right: 0; bottom: 0; border-radius: 36px; background: linear-gradient(180deg, #FFE8A5, #FFF4D2); }
.ts--lav .ts-slab { background: linear-gradient(180deg, #DDD6FF, #F6F4FF); }
.ts-win { position: absolute; display: flex; overflow: hidden; border-radius: 18px; background: var(--a-bg); box-shadow: 0 0 0 1px rgba(30, 27, 23, .08), 0 24px 56px -24px rgba(17, 10, 51, .35); }
.ts-float { position: absolute; border-radius: 16px; background: var(--a-card); box-shadow: 0 0 0 1px rgba(30, 27, 23, .07), 0 28px 60px -22px rgba(17, 10, 51, .42); }
.ts-main { flex: 1; min-width: 0; padding: 22px 28px; }

/* app side bar (app.humantic.ai) */
.ts-side { flex: none; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 64px; padding: 16px 0; border-right: 1px solid var(--a-line); background: var(--a-bg); }
.ts-side img { width: 26px; height: 26px; margin-bottom: 14px; }
.ts-side span { display: grid; justify-items: center; gap: 3px; width: 48px; padding: 7px 0 6px; border-radius: 10px; color: var(--a-text); font-size: 9.5px; font-weight: 600; }
.ts-side span.on { background: var(--a-soft); color: var(--a-ink); }
.ts-side svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* shared app pieces */
.ts-k { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--a-text); }
.ts-crumb { font-size: 10.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--a-mute); }
.ts-crumb i { margin: 0 6px; font-style: normal; }
.ts-crumb b { color: var(--a-ink); }
.ts-back { margin-top: 12px; font-size: 12px; font-weight: 600; color: var(--a-text); }
.ts-card { border: 1px solid var(--a-line); border-radius: 12px; background: var(--a-card); }
.ts-btn { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 1px solid var(--a-line); border-radius: 8px; background: var(--a-card); font-size: 12px; font-weight: 600; color: var(--a-ink); white-space: nowrap; }
.ts-btn--gold { border-color: transparent; background: var(--a-gold); }
.ts-ico { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--a-line); border-radius: 50%; background: var(--a-card); }
.ts-ico svg, .ts-btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ts-av { display: inline-grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: #EDE7DA; color: var(--a-ink); font: 600 13px/1 var(--a-serif); }
.ts-av--sq { border-radius: 8px; }
.ts-pill { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 6px; font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.ts-pill--g { background: var(--a-green-bg); color: var(--a-green); }
.ts-pill--r { background: var(--a-red-bg); color: var(--a-red); }
.ts-pill--b { background: var(--a-blue-bg); color: var(--a-blue); }
.ts-pill--n { background: var(--a-soft); color: var(--a-text); }
.ts-pill--y { background: #FBEBC0; color: var(--a-gold-ink); }

/* People profile (people-profile.ejs) */
.ts-ph { display: flex; gap: 16px; align-items: flex-start; margin-top: 16px; }
.ts-av--lg { width: 58px; height: 58px; border-radius: 10px; font-size: 22px; }
.ts-name { display: flex; align-items: center; gap: 10px; font: 500 30px/1.1 var(--a-serif); letter-spacing: -.01em; }
.ts-name .ts-pill { font-family: var(--a-sans); }
.ts-role { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--a-text); }
.ts-meta { display: flex; gap: 14px; margin-top: 8px; font-size: 11px; color: var(--a-mute); }
.ts-ov, .ts-po { margin-top: 16px; padding: 16px 18px; }
.ts-ov p + p, .ts-po p + p { margin-top: 8px; }
.ts-ov p:not(.ts-k), .ts-po p:not(.ts-k) { font-size: 12.5px; line-height: 1.55; color: var(--a-text); }
.ts-ov .ts-k + p, .ts-po .ts-k + p { margin-top: 10px; }
.ts-po .ts-k--sm { margin-top: 12px; font-size: 9.5px; }
.ts-tags { display: flex; gap: 8px; width: max-content; }
.ts-tags span { padding: 4px 11px; border: 1px solid var(--a-line); border-radius: 999px; background: var(--a-soft); font: italic 400 12px/1.3 var(--a-serif); color: var(--a-text); }
.ts-disc { padding: 18px 20px; }
.ts-disc__h { display: flex; justify-content: space-between; align-items: center; }
.ts-disc__h b { font: 700 13px/1 var(--a-serif); color: var(--a-red); }
.ts-disc svg { display: block; width: 230px; height: 200px; margin: 6px auto 0; }
.ts-disc svg text { font-family: var(--a-serif); }
.ts-conf { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--a-line2); font-size: 12px; color: var(--a-text); }
.ts-trait { display: flex; gap: 9px; margin-top: 10px; font-size: 11.5px; line-height: 1.45; color: var(--a-mute); }
.ts-trait b { color: var(--a-ink); }
.ts-trait i { flex: none; display: grid; place-items: center; width: 17px; height: 17px; margin-top: 1px; border-radius: 4px; font: 700 10px/1 var(--a-serif); font-style: normal; }
.ts-trait--d i { background: var(--a-red-bg); color: var(--a-red); }
.ts-trait--i i { background: #F8E8C6; color: var(--a-gold-ink); }
.ts-how { padding: 16px 18px; }
.ts-how__h { display: flex; align-items: center; gap: 10px; }
.ts-how__h p { font: 500 16px/1.2 var(--a-serif); }
.ts-how__h small { display: block; font: 500 11px/1.3 var(--a-sans); color: var(--a-mute); }
.ts-how__tags { display: flex; gap: 6px; margin-left: auto; }
.ts-how__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.ts-how__col { padding: 11px 13px; border-radius: 10px; }
.ts-how__col--do { background: #E6F2EA; }
.ts-how__col--no { background: #F9E5E3; }
.ts-how__col > p { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; }
.ts-how__col--do > p { color: var(--a-green); }
.ts-how__col--no > p { color: var(--a-red); }
.ts-how__col li { position: relative; margin-top: 7px; padding-left: 17px; font-size: 11.5px; line-height: 1.42; color: var(--a-text); }
.ts-how__col li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.ts-how__col--do li::before { content: "\2713"; color: var(--a-green); }
.ts-how__col--no li::before { content: "\2715"; color: var(--a-red); }

/* Account report (account-report.ejs) */
.ts-acc { display: flex; align-items: center; gap: 16px; margin-top: 12px; padding: 14px 18px; }
.ts-wm { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; background: #fff; box-shadow: 0 0 0 1px var(--a-line); }
.ts-wm svg { width: 30px; height: 30px; }
.ts-acc__n p:first-child { font: 500 25px/1.1 var(--a-serif); }
.ts-acc__n p + p { margin-top: 3px; font-size: 11.5px; color: var(--a-mute); }
.ts-acc__n p + p b { color: var(--a-text); font-weight: 600; }
.ts-fit { display: flex; align-items: center; gap: 9px; padding-left: 16px; border-left: 1px solid var(--a-line); }
.ts-fit__ring { position: relative; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: conic-gradient(var(--a-green) 0 85%, #DDEBE1 85% 100%); font-size: 12px; font-weight: 800; }
.ts-fit__ring::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--a-card); }
.ts-fit__ring span { position: relative; }
.ts-fit p:first-of-type { font-size: 12.5px; font-weight: 700; color: var(--a-green); }
.ts-fit p + p { font-size: 10.5px; color: var(--a-mute); }
.ts-acc__r { display: grid; justify-items: end; gap: 7px; margin-left: auto; }
.ts-acc__r > div { display: flex; gap: 7px; align-items: center; }
.ts-acc__r .ts-ico, .ts-acc__r .ts-btn { height: 30px; }
.ts-acc__r .ts-ico { width: 30px; }
.ts-drafts i { display: inline-grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 99px; background: var(--a-ink); color: #fff; font-size: 9.5px; font-style: normal; font-weight: 700; }
.ts-ref { font-size: 10.5px; color: var(--a-mute); }
.ts-tabs { display: flex; gap: 22px; margin-top: 14px; padding: 0 4px; border-bottom: 1px solid var(--a-line); font-size: 12.5px; color: var(--a-text); white-space: nowrap; }
.ts-tabs span { padding-bottom: 8px; }
.ts-tabs span.on { margin-bottom: -1px; border-bottom: 2px solid var(--a-ink); color: var(--a-ink); font-weight: 700; }
.ts-tabs em { margin-left: 4px; padding: 1px 5px; border-radius: 4px; background: #FBEBC0; color: var(--a-gold-ink); font-size: 8.5px; font-style: normal; font-weight: 800; }
.ts-roles__h { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.ts-roles__h small { font-size: 11px; color: var(--a-mute); }
.ts-roles__h .ts-btn { margin-left: auto; height: 28px; font-size: 11.5px; }
.ts-roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.ts-role-c { padding: 12px 13px; }
.ts-role-c__p { display: flex; gap: 9px; align-items: center; }
.ts-role-c__p .ts-av { width: 28px; height: 28px; font-size: 13px; }
.ts-role-c__p b { display: block; font-size: 12.5px; }
.ts-role-c__p small { display: block; overflow: hidden; font-size: 10.5px; color: var(--a-mute); white-space: nowrap; text-overflow: ellipsis; }
.ts-role-c__t { margin-top: 9px; font-size: 9.5px; font-weight: 800; letter-spacing: .06em; }
.ts-role-c__f { margin-top: 6px; font-size: 11px; line-height: 1.45; color: var(--a-text); }
.ts-role-c__f b { color: var(--a-ink); }
.ts-t-red { color: var(--a-red); } .ts-t-blue { color: var(--a-blue); } .ts-t-gold { color: #B7791F; } .ts-t-green { color: var(--a-green); }
.ts-stack { padding: 16px 18px; }
.ts-stack__h { display: flex; justify-content: space-between; align-items: baseline; }
.ts-stack__h small { font-size: 11px; color: var(--a-mute); }
.ts-stack__h small b { color: var(--a-ink); }
.ts-stack > p { margin-top: 8px; font-size: 11.5px; line-height: 1.5; color: var(--a-text); }
.ts-stack h5 { margin-top: 11px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; color: var(--a-text); }
.ts-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.ts-chips span { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border: 1px solid var(--a-line); border-radius: 6px; background: var(--a-soft); font-size: 10.5px; font-weight: 600; color: var(--a-ink); }
.ts-chips span::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: #C9C1B1; }
.ts-new { padding: 14px 18px 16px; }
.ts-new__h { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; }
.ts-new__h i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--a-gold); font-style: normal; font-weight: 800; font-size: 13px; line-height: 1; }
.ts-new__row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; align-items: end; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--a-line2); }
.ts-new__row label { display: block; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--a-text); }
.ts-new__row label i { color: var(--a-red); font-style: normal; }
.ts-new__row .ts-in { margin-top: 7px; padding-bottom: 6px; border-bottom: 1px solid var(--a-line); font-size: 13px; }
.ts-seg { display: inline-flex; margin-top: 7px; padding: 3px; border-radius: 999px; background: var(--a-soft); }
.ts-seg span { padding: 5px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 600; color: var(--a-text); }
.ts-seg span.on { background: #fff; color: var(--a-ink); font-weight: 700; box-shadow: 0 1px 3px rgba(30, 27, 23, .12); }
.ts-new__go { display: flex; justify-content: flex-end; margin-top: 12px; }
.ts-new__go .ts-btn { height: 34px; padding: 0 18px; border-radius: 999px; }

/* Market Signals (buyer-signals.ejs) */
.ts-sig-t { margin-top: 10px; font: 500 30px/1.15 var(--a-serif); }
.ts-sig-s { margin-top: 2px; font: italic 400 13px/1.4 var(--a-serif); color: var(--a-text); }
.ts-sig-bar { display: flex; gap: 8px; align-items: center; margin-top: 14px; }
.ts-search { flex: 1; display: flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border: 1px solid var(--a-line); border-radius: 8px; background: var(--a-card); color: var(--a-mute); font-size: 12px; }
.ts-search svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ts-segs { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--a-line); border-radius: 8px; background: var(--a-card); font-size: 11.5px; }
.ts-segs span { padding: 4px 9px; border-radius: 6px; color: var(--a-text); }
.ts-segs span small { margin-left: 4px; color: var(--a-mute); font-size: 10px; }
.ts-segs span.on { background: var(--a-ink); color: #fff; font-weight: 700; }
.ts-segs span.on small { color: #D9D4CA; }
.ts-cats { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ts-cats span { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border: 1px solid var(--a-line); border-radius: 6px; background: var(--a-card); font-size: 11px; color: var(--a-ink); white-space: nowrap; }
.ts-cats span small { color: var(--a-mute); font-size: 10px; }
.ts-cats span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dot, #8C8577); }
.ts-cats span.on { border-color: var(--a-ink); background: var(--a-ink); color: #fff; }
.ts-cats span.on::before { display: none; }
.ts-cats span.on small { color: #D9D4CA; }
.ts-sigs { margin-top: 14px; overflow: hidden; }
.ts-sig { display: grid; grid-template-columns: 150px minmax(0, 1fr) 110px; gap: 18px; padding: 16px 18px; border-bottom: 1px solid var(--a-line2); }
.ts-sig:last-child { border-bottom: 0; }
.ts-co { display: flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 700; }
.ts-co i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; background: #C74634; }
.ts-co i::before { content: ""; width: 13px; height: 8px; border: 2.5px solid #fff; border-radius: 6px; }
.ts-imp { display: flex; align-items: center; gap: 6px; margin-top: 12px; padding-top: 9px; border-top: 1px solid var(--a-line2); font-size: 9.5px; font-weight: 800; letter-spacing: .08em; color: var(--a-text); }
.ts-imp i { width: 6px; height: 6px; border-radius: 50%; background: #D6D0C4; }
.ts-imp i.on { background: var(--a-green); }
.ts-imp--m i.on { background: #B7791F; }
.ts-sig h5 { font: 500 16px/1.25 var(--a-serif); color: var(--a-ink); }
.ts-sig h5 + p { margin-top: 6px; font-size: 11.5px; line-height: 1.5; color: var(--a-text); }
.ts-more { margin-top: 5px; font-size: 11px; font-weight: 700; color: var(--a-blue); }
.ts-cat { display: inline-flex; align-items: center; gap: 5px; margin-top: 9px; padding: 3px 8px; border-radius: 5px; background: var(--a-soft); font-size: 10.5px; font-weight: 700; }
.ts-cat::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--dot, var(--a-green)); }
.ts-src { display: grid; justify-items: end; align-content: start; gap: 8px; }
.ts-src > div { display: flex; gap: 6px; }
.ts-src .ts-ico { width: 30px; height: 30px; border-radius: 7px; }
.ts-src .ts-ico--y { border-color: #EBC768; background: #FBEBC0; color: var(--a-gold-ink); }
.ts-src a { margin-top: 10px; color: var(--a-blue); font-size: 11px; font-weight: 600; text-decoration: none; }
.ts-src time { font-size: 10.5px; color: var(--a-text); }
.ts-sigcard { padding: 4px 0; }

/* Visitor ID (visitor-id.ejs), vidar.humantic.ai: its own look (gold side bar, rounded white panels) */
.ts--vd { --v-gold: #ECB73F; --v-gold2: #F3C95E; --v-ink: #2B2A33; --v-mute: #7B7A85; --v-navy: #1F1A4D; }
.ts-vside { flex: none; width: 196px; background: var(--v-gold); color: #fff; }
.ts-vside__logo { display: flex; align-items: center; gap: 8px; height: 56px; padding: 0 16px; background: #fff; color: #D99A12; font-size: 17px; font-weight: 600; }
.ts-vside__logo img { width: 20px; height: 20px; }
.ts-vside ul { padding: 14px 10px; }
.ts-vside li { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 12px; border-radius: 10px; font-size: 12px; font-weight: 600; }
.ts-vside li.on { background: rgba(255, 255, 255, .28); }
.ts-vside li::before { content: ""; width: 12px; height: 12px; border: 1.6px solid rgba(255, 255, 255, .9); border-radius: 3px; }
.ts-vmain { flex: 1; min-width: 0; padding: 16px 18px; background: #F4F3F5; }
.ts-vtop { display: flex; justify-content: space-between; align-items: center; height: 46px; padding: 0 18px; border-radius: 12px; background: #fff; font-size: 12px; color: var(--v-ink); }
.ts-vtop span b { color: var(--v-gold); font-weight: 600; }
.ts-vtop i { width: 30px; height: 30px; border-radius: 50%; background: #D9D7E6; }
.ts-vrow { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.ts-vpanel { padding: 14px 16px; border-radius: 14px; background: #fff; }
.ts-vpanel h5 { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: #D99A12; }
.ts-vpanel h5 small { font-size: 10px; letter-spacing: .06em; color: #D99A12; }
.ts-vlist li { display: grid; grid-template-columns: 1fr 1fr 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid #EEEDF1; font-size: 12.5px; color: var(--v-ink); }
.ts-vlist li small { display: block; font-size: 10px; color: var(--v-mute); }
.ts-vlist li i { width: 15px; height: 9px; border: 1.6px solid var(--v-gold); border-radius: 50%; }
.ts-vstat h5 { font-size: 13px; }
.ts-vstat__in { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.ts-vstat strong { display: block; font-size: 24px; font-weight: 600; color: #D99A12; }
.ts-pie { flex: none; width: 92px; height: 92px; border-radius: 50%; background: conic-gradient(#F4B400 0 19.1%, #1F1A4D 19.1% 100%); }
.ts-pie__k { display: grid; gap: 4px; font-size: 11px; color: var(--v-ink); }
.ts-pie__k span::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 2px; background: #F4B400; }
.ts-pie__k span + span::before { background: #1F1A4D; }
.ts-donut { position: relative; display: grid; place-items: center; flex: none; width: 92px; height: 92px; margin: 0; border-radius: 50%; background: conic-gradient(#5B5B5B 0 34%, #EEEDF1 34% 100%); font-size: 14px; color: var(--v-ink); }
.ts-donut::before { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: #fff; }
.ts-donut span { position: relative; }
.ts-vstat > p { margin-top: 10px; font-size: 11px; color: var(--v-mute); }
.ts-vd { overflow: hidden; padding: 0; }
.ts-vd__bar { display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 18px; background: linear-gradient(90deg, #ECB73F, #F3CC6B); color: #fff; font-size: 14px; font-weight: 600; }
.ts-vd__bar span { padding: 4px 12px; border-radius: 8px; background: rgba(255, 255, 255, .3); font-size: 11px; }
.ts-vd__in { padding: 16px 20px 18px; }
.ts-vd__who { display: flex; justify-content: space-between; align-items: flex-start; }
.ts-vd__who p:first-child { font-size: 18px; font-weight: 600; color: var(--v-ink); }
.ts-vd__who p + p { margin-top: 3px; font-size: 12px; color: var(--v-mute); }
.ts-vd__coach { padding: 7px 14px; border-radius: 8px; background: #7DC24B; color: #fff; font-size: 11.5px; font-weight: 600; }
.ts-vd__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; margin-top: 14px; }
.ts-vd__grid div { display: flex; gap: 10px; }
.ts-vd__grid svg { flex: none; width: 16px; height: 16px; margin-top: 2px; fill: none; stroke: var(--v-ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ts-vd__grid b { display: block; font-size: 12.5px; font-weight: 600; color: var(--v-ink); }
.ts-vd__grid small { display: block; margin-top: 2px; font-size: 11px; color: var(--v-mute); }
.ts-pv { padding: 14px 18px 16px; }
.ts-pv h5 { font-size: 14px; font-weight: 600; color: var(--v-ink); }
.ts-pv__s { margin-top: 10px; padding: 8px 12px; border-radius: 8px; background: #FDF6E6; font-size: 11.5px; font-weight: 600; color: var(--v-ink); }
.ts-pv table { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 11.5px; color: var(--v-ink); }
.ts-pv th { padding: 4px 12px; font-weight: 600; text-align: left; letter-spacing: .02em; }
.ts-pv td { padding: 4px 12px; color: #55545E; }
.ts-pv th:last-child, .ts-pv td:last-child { text-align: right; }

/* Intent on the account report (buying-intent.ejs), from the Nov 4 shot 04 */
.ts-exec { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 12px; margin-top: 14px; }
.ts-exec__l { padding: 16px 18px; min-height: 330px; }
.ts-exec__l p:not(.ts-k) { margin-top: 8px; font-size: 12px; line-height: 1.6; color: var(--a-text); }
.ts-exec__l .ts-k--sm { margin-top: 14px; font-size: 9.5px; }
.ts-exec__r { min-height: 330px; }
.ts-it { padding: 18px 20px 10px; }
.ts-it__h { display: flex; align-items: baseline; gap: 12px; }
.ts-it__h small { font-size: 11.5px; color: var(--a-mute); }
.ts-it ul { margin-top: 8px; }
.ts-it li { display: grid; grid-template-columns: 26px minmax(0, 1fr) 132px 14px; gap: 12px; align-items: center; padding: 13px 10px; border-bottom: 1px solid var(--a-line2); border-radius: 10px; }
.ts-it li:last-child { border-bottom: 0; }
.ts-it li.is-sel { background: #EFEBE2; }
.ts-it__dot { display: grid; place-items: center; width: 18px; height: 18px; }
.ts-it__dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--a-green); }
.ts-it__dot--y::before { background: #E0A83A; }
.ts-it li.is-sel .ts-it__dot { border: 1.5px solid #BDB6A8; border-radius: 5px; background: #fff; }
.ts-it li.is-sel .ts-it__dot::before { display: none; }
.ts-it__t b { display: block; font-size: 14px; font-weight: 700; color: var(--a-ink); }
.ts-it__t small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.45; color: var(--a-text); }
.ts-it__s { display: grid; justify-items: end; gap: 3px; }
.ts-it__s > span { display: flex; align-items: baseline; gap: 6px; }
.ts-it__s b { font: 500 19px/1 var(--a-serif); color: var(--a-ink); }
.ts-it__s em { font-size: 11.5px; font-style: normal; font-weight: 700; }
.ts-it__b--g { color: var(--a-green); }
.ts-it__b--y { color: #A9761A; }
.ts-it__s small { font-size: 11.5px; color: var(--a-text); }
.ts-it__go { font-size: 18px; color: var(--a-mute); }

/* HumanMail on the account report (personalized-email.ejs), from the Nov 4 shot 05 */
.ts-roles--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
.ts-role-c.is-sel { box-shadow: inset 0 0 0 2px var(--a-gold); }
.ts-selbar { display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 12px 0 18px; border-radius: 999px; background: #1E1B17; color: #fff; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.ts-selbar i { width: 1px; height: 22px; margin: 0 4px; background: rgba(255, 255, 255, .25); }
.ts-selbar__b { padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; }
.ts-selbar__go { padding: 7px 14px; border-radius: 999px; background: var(--a-gold); color: var(--a-ink); font-weight: 700; }
.ts-selbar__x { padding: 0 6px; font-size: 15px; }
.ts-ge { overflow: hidden; }
.ts-ge__h { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--a-line2); }
.ts-ge__av { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #1E1B17; color: #fff; font-size: 13px; }
.ts-ge__h p { font: 500 16px/1.2 var(--a-serif); }
.ts-ge__h small { display: block; font: 500 11px/1.3 var(--a-sans); color: var(--a-mute); }
.ts-ge__x { margin-left: auto; color: var(--a-mute); font-size: 16px; }
.ts-ge__in { padding: 12px 16px 14px; }
.ts-ge__brief { display: flex; justify-content: space-between; padding: 8px 12px; border: 1px solid var(--a-line); border-radius: 9px; font-size: 11.5px; color: var(--a-text); }
.ts-ge__brief b { color: var(--a-ink); }
.ts-ge__to { display: flex; gap: 9px; margin-top: 10px; font-size: 12px; color: var(--a-text); }
.ts-ge__to .ts-av { width: 28px; height: 28px; font-size: 13px; }
.ts-ge__to b { color: var(--a-ink); }
.ts-ge__to small { display: block; font-size: 10.5px; color: var(--a-mute); }
.ts-ge__k { margin-top: 10px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; color: var(--a-text); }
.ts-ge__subj { margin-top: 5px; padding: 7px 10px; border-radius: 7px; background: var(--a-soft); font-size: 12.5px; font-weight: 700; }
.ts-ge__body { margin-top: 5px; padding: 10px 12px; border: 1px solid var(--a-line); border-radius: 8px; font-size: 12.5px; line-height: 1.5; color: var(--a-ink); }
.ts-ge__body p + p { margin-top: 8px; }
.ts-ge__tw { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; font-size: 11.5px; font-weight: 600; }
.ts-ge__tw span { padding: 5px 10px; border: 1px solid var(--a-line); border-radius: 999px; }
.ts-ge__tw .ts-ge__copy { border-color: transparent; background: #1E1B17; color: #fff; }
.ts-ge__tw small { font-size: 11px; color: var(--a-mute); }

/* ---- Use-case tour screens (Nov 5, second round): buying-committee, account-priorities, people-signals, profile-prepare, job-postings ---- */
.ts-k small { margin-left: 6px; color: var(--a-mute); font-size: 10px; letter-spacing: 0; }
.ts-k--sm { font-size: 9.5px; }

/* Buying committee map (buying-committee.ejs), capture app-04 */
.ts-bc__h { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 12px; }
.ts-bc__t { margin-top: 4px; font: 500 28px/1.1 var(--a-serif); letter-spacing: -.01em; }
.ts-bc__n { margin-top: 4px; font-size: 11.5px; color: var(--a-mute); }
.ts-bc__act { display: flex; gap: 8px; }
.ts-bc { margin-top: 14px; padding: 14px 14px 14px; }
.ts-bc__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ts-bc__s { margin-top: 4px; font-size: 11px; color: var(--a-text); }
.ts-bc .ts-segs { flex: none; background: var(--a-soft); border-color: transparent; }
.ts-bc .ts-segs span.on { background: #fff; color: var(--a-ink); box-shadow: 0 1px 3px rgba(30, 27, 23, .12); }
.ts-bc__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.ts-bm { min-width: 0; padding: 10px 8px 9px; border: 1px solid var(--a-line); border-radius: 10px; background: #fff; }
.ts-bm__p { display: flex; gap: 6px; align-items: center; min-width: 0; }
.ts-bm__p .ts-av { width: 26px; height: 26px; font-size: 10px; }
.ts-bm__p > span:last-child { min-width: 0; }
.ts-bm__p b { display: block; overflow: hidden; font: 500 12px/1.25 var(--a-serif); white-space: nowrap; text-overflow: ellipsis; }
.ts-bm__p small { display: block; overflow: hidden; font-size: 10px; color: var(--a-mute); white-space: nowrap; text-overflow: ellipsis; }
.ts-bm__t { display: flex; gap: 5px; margin-top: 9px; }
.ts-st, .ts-dc { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 5px; font-size: 9.5px; font-weight: 700; }
.ts-st--c { background: var(--a-green-bg); color: var(--a-green); }
.ts-st--s { background: var(--a-red-bg); color: var(--a-red); }
.ts-dc { border-radius: 999px; font: 700 9.5px/1 var(--a-serif); }
.ts-dc--d { background: var(--a-red-bg); color: var(--a-red); }
.ts-dc--c { background: var(--a-blue-bg); color: var(--a-blue); }
.ts-dc--i { background: #FBEFD2; color: var(--a-gold-ink); } /* AK Nov 5: I-led and S-led members (the app's DISC colours) */
.ts-dc--s { background: var(--a-green-bg); color: var(--a-green); }
.ts-dr { margin-top: 12px; overflow: hidden; }
.ts-dr__in { display: flex; gap: 12px; padding: 14px 16px 12px; }
.ts-dr__i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: var(--a-green-bg); color: var(--a-green); font-size: 12px; }
.ts-dr__h { margin-top: 4px; font: 500 15px/1.3 var(--a-serif); color: var(--a-ink); }
.ts-dr__p { margin-top: 5px; font-size: 11px; line-height: 1.5; color: var(--a-text); }
.ts-dr__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--a-line2); }
.ts-dr__stats p { padding: 9px 14px; font-size: 10px; color: var(--a-mute); }
.ts-dr__stats p + p { border-left: 1px solid var(--a-line2); }
.ts-dr__stats b { display: block; font-size: 11.5px; color: var(--a-ink); }
/* the deal read beside its stats, so the read wraps to a block a small tour box can show whole */
.ts-dr--2 { display: grid; grid-template-columns: minmax(0, 1fr) 236px; }
.ts-dr--2 .ts-dr__in > div { max-width: 440px; }
.ts-dr--2 .ts-dr__stats { grid-template-columns: 1fr 1fr; border-top: 0; border-left: 1px solid var(--a-line2); }
.ts-dr--2 .ts-dr__stats p { padding: 10px 12px; }
.ts-dr--2 .ts-dr__stats p + p { border-left: 0; }
.ts-dr--2 .ts-dr__stats p:nth-child(even) { border-left: 1px solid var(--a-line2); }
.ts-dr--2 .ts-dr__stats p:nth-child(n+3) { border-top: 1px solid var(--a-line2); }
.ts-how--v .ts-how__tags { display: flex; gap: 6px; margin: 10px 0 0; }
.ts-how--v .ts-how__cols { grid-template-columns: 1fr; }

/* Executive Summary (account-priorities.ejs) */
.ts-es { margin-top: 14px; padding: 16px 18px; width: 520px; min-height: 380px; }
.ts-es__for { margin-left: 6px; padding: 2px 7px; border-radius: 5px; background: #FBEBC0; color: var(--a-gold-ink); font-size: 9px; letter-spacing: .06em; }
.ts-es__k { margin-top: 14px; }
.ts-es__pri { margin-top: 6px; }
.ts-es__pri li { display: grid; grid-template-columns: 22px minmax(0, 1fr) 84px; gap: 10px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--a-line2); }
.ts-es__pri li:last-child { border-bottom: 0; }
.ts-es__n { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--a-soft); font-size: 10.5px; font-weight: 800; }
.ts-es__t b { display: block; font: 500 14.5px/1.3 var(--a-serif); color: var(--a-ink); }
.ts-es__t small { display: block; margin-top: 3px; font-size: 11.5px; line-height: 1.45; color: var(--a-text); }
.ts-es__fit { display: grid; justify-items: end; gap: 2px; font-size: 11px; font-weight: 700; color: var(--a-green); }
.ts-es__fit--2 { color: #A9761A; }
.ts-es__fit i { font-style: normal; color: #D6D0C4; font-size: 12px; }
.ts-es__fit i.on { color: #D9A21B; }
.ts-es__pain { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ts-es__pain li { padding: 6px 10px; border: 1px solid #EBC6C0; border-radius: 8px; background: #FBEDEA; font-size: 11.5px; color: var(--a-red); font-weight: 600; }
.ts-qa, .ts-tt { padding: 16px 18px; }
.ts-qa ol { margin-top: 8px; counter-reset: q; }
.ts-qa li { position: relative; padding: 8px 0 8px 28px; border-bottom: 1px solid var(--a-line2); font: 500 13px/1.4 var(--a-serif); color: var(--a-ink); counter-increment: q; }
.ts-qa li:last-child { border-bottom: 0; }
.ts-qa li::before { content: counter(q); position: absolute; left: 0; top: 8px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--a-soft); font: 800 10px/1 var(--a-sans); }
.ts-tt__a { margin: 6px 0 10px; font-size: 12px; line-height: 1.5; color: var(--a-text); }
.ts-tt__q { margin-top: 6px; padding: 10px 12px; border-radius: 9px; background: var(--a-soft); font: italic 400 13px/1.5 var(--a-serif); color: var(--a-ink); }

/* People signals on one account (people-signals.ejs) */
.ts-wm--xs { flex: none; width: 24px; height: 24px; border-radius: 6px; }
.ts-wm--xs svg { width: 18px; height: 18px; }
.ts-search--on { flex: none; gap: 8px; padding: 0 8px 0 4px; color: var(--a-ink); font-weight: 700; }
.ts-search--on i { color: var(--a-mute); font-style: normal; font-weight: 600; }
.ts-sigs--p { margin-top: 12px; }
.ts-sig--p { grid-template-columns: 116px minmax(0, 1fr) 96px; gap: 14px; padding: 12px 16px; }
.ts-sig--p.is-sel { background: #F4F0E6; }
.ts-sig--p h5 { font-size: 14.5px; }
.ts-sig--p .ts-cat { margin-top: 7px; }
.ts-sig--p .ts-co { gap: 7px; font-size: 12px; }
.ts-sig--p .ts-imp { margin-top: 9px; padding-top: 7px; }
.ts-sig--p .ts-src a { margin-top: 4px; }
.ts-drw { padding: 16px 18px 18px; }
.ts-drw__h { display: flex; justify-content: space-between; align-items: center; }
.ts-drw__h .ts-cat { margin: 0; }
.ts-drw__h .ts-imp { margin: 0; padding: 0; border: 0; }
.ts-drw h5 { margin-top: 10px; font: 500 19px/1.25 var(--a-serif); color: var(--a-ink); }
.ts-drw__m { margin: 4px 0 12px; font-size: 11px; color: var(--a-mute); }
.ts-drw .ts-k + p { margin-top: 5px; font-size: 12px; line-height: 1.55; color: var(--a-text); }
.ts-drw__act { margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #FBF3DC; }
.ts-drw__go { display: flex; gap: 8px; margin-top: 10px; }

/* Prepare for / Negotiating and closing (profile-prepare.ejs) */
.ts-ph--sm { margin-top: 14px; align-items: center; }
.ts-ph--sm .ts-name { font-size: 26px; }
.ts-pf { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.ts-pf .ts-seg { margin: 0; }
.ts-nc { margin-top: 12px; padding: 14px 18px 8px; }
.ts-nc dl { margin: 6px 0 0; }
.ts-nc dl > div { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--a-line2); }
.ts-nc dl > div:last-child { border-bottom: 0; }
.ts-nc dt { font: 500 13.5px/1.35 var(--a-serif); color: var(--a-ink); }
.ts-nc dd { margin: 0; font-size: 12px; line-height: 1.5; color: var(--a-text); }
.ts-cmp, .ts-cc, .ts-eo { padding: 14px 18px 16px; }
.ts-cmp__h { display: flex; justify-content: space-between; align-items: center; }
.ts-cmp__who { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.ts-cmp__who i { width: 14px; height: 2px; background: var(--a-line); }
.ts-cmp__who p { margin-left: 6px; font-size: 11px; line-height: 1.4; color: var(--a-text); }
.ts-cmp__who b { display: block; font: 500 14px/1.25 var(--a-serif); color: var(--a-ink); }
.ts-cmp__tip { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--a-line2); font-size: 11.5px; color: var(--a-text); }
.ts-cc__s { margin-top: 8px; font: italic 400 13px/1.55 var(--a-serif); color: var(--a-ink); }
.ts-cc__n { margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--a-line2); font-size: 11px; line-height: 1.5; color: var(--a-text); }
.ts-eo p:not(.ts-k) { margin-top: 7px; font: italic 400 13px/1.5 var(--a-serif); color: var(--a-ink); }

/* Job Postings tab (job-postings.ejs) */
.ts-jp { margin-top: 14px; padding: 14px 18px; width: 470px; }
.ts-jp__h { display: flex; justify-content: space-between; align-items: baseline; }
.ts-jp__h small { font-size: 11px; color: var(--a-mute); }
.ts-jp__h small b { color: var(--a-ink); }
.ts-jp ul { margin-top: 8px; }
.ts-jp li { display: grid; grid-template-columns: 150px minmax(0, 1fr) 30px; gap: 12px; align-items: center; padding: 6px 0; font-size: 12px; color: var(--a-text); }
.ts-jp li i { height: 8px; border-radius: 4px; background: var(--a-soft); overflow: hidden; }
.ts-jp li b { display: block; height: 100%; border-radius: 4px; background: #D9A21B; }
.ts-jp li em { font-style: normal; font-weight: 700; color: var(--a-ink); text-align: right; }
.ts-jl, .ts-jw { padding: 14px 18px 12px; }
.ts-jl ul { margin-top: 6px; }
.ts-jl li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--a-line2); }
.ts-jl li:last-child { border-bottom: 0; }
.ts-jl b { display: block; font: 500 13px/1.3 var(--a-serif); color: var(--a-ink); }
.ts-jl small { display: block; font-size: 10.5px; color: var(--a-mute); }
.ts-jl time { flex: none; font-size: 10.5px; color: var(--a-text); }
.ts-jw > p:not(.ts-k) { margin: 7px 0 10px; font-size: 12.5px; line-height: 1.55; color: var(--a-text); }

/* ---- r3 (AK, Nov 5 late): no card covers another; every frame reads clean when paused. Side columns instead of floating overlaps. ---- */
.ts-main--tight { padding: 16px 22px; }
.ts-acc--slim { gap: 14px; padding: 12px 16px; }
.ts-acc--slim .ts-acc__n p:first-child { font-size: 22px; }
.ts-roles--2col { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ts-roles--2col .ts-role-c { padding: 10px 12px; }
.ts-roles--2col .ts-role-c__f { margin-top: 4px; }
.ts-new--col .ts-new__row { grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.ts-new__depth { grid-column: 1 / -1; display: flex; align-items: flex-end; gap: 10px; }
.ts-new__depth label { margin-bottom: 8px; }
.ts-new__depth .ts-seg { margin: 0; }
.ts-new__depth .ts-btn { margin-left: auto; height: 32px; border-radius: 999px; padding: 0 16px; }
.ts-sg h5 { margin-top: 10px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; color: var(--a-text); }
.ts-chips--logo span { gap: 6px; height: 24px; padding: 0 8px 0 6px; background: #fff; }
.ts-chips--logo span::before { display: none; }
.ts-chips--logo img { width: 14px; height: 14px; object-fit: contain; flex: none; }
/* intent trends as a card in the report */
.ts-exec--it { grid-template-columns: 300px minmax(0, 1fr); align-items: start; }
.ts-exec--it .ts-exec__l { min-height: 0; }
.ts-it--in { padding: 14px 16px 6px; box-shadow: none; }
.ts-it--in li { padding: 10px 8px; }
/* profile: DISC and How to work stacked in their own column */
.ts-disc--c { padding: 14px 18px 12px; }
.ts-disc--c svg { width: 210px; height: 182px; margin-top: 2px; }
.ts-disc--c .ts-conf { padding-bottom: 0; border-bottom: 0; }
.ts-how--c { padding: 14px 16px; }
.ts-how--c .ts-how__cols { gap: 8px; margin-top: 10px; }
.ts-how--c .ts-how__col { padding: 8px 12px; }
.ts-how--c .ts-how__col li { margin-top: 4px; font-size: 11px; }
/* Visitor ID: a slimmer dashboard beside its two cards */
.ts-win--vd .ts-vside { width: 150px; }
.ts-win--vd .ts-vside__logo { font-size: 14px; padding: 0 12px; }
.ts-win--vd .ts-vside li { font-size: 11px; padding: 0 10px; }
.ts-win--vd .ts-vstat__in { gap: 6px; }
.ts-win--vd .ts-pie, .ts-win--vd .ts-donut { width: 76px; height: 76px; }
.ts-win--vd .ts-donut::before { inset: 11px; }

/* Claude with the Humantic AI connector (mcp-claude.ejs), capture mcp-01/02: dark chat, one column, nothing overlaps */
.ts--cl { background: #262624; }
.ts-cl { position: absolute; inset: 0; display: flex; flex-direction: column; color: #E9E6DF; font-family: var(--a-sans); }
.ts-cl__top { display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 22px; border-bottom: 1px solid #3A3936; font-size: 13px; color: #E9E6DF; }
.ts-cl__top i { margin-left: 6px; font-style: normal; color: #A8A49B; }
.ts-cl__share { padding: 4px 10px; border-radius: 8px; color: #D7D3CA; font-size: 12px; }
.ts-cl__col { flex: 1; width: 720px; margin: 0 auto; padding-top: 14px; }
.ts-cl__ask { width: 470px; margin-left: auto; padding: 12px 16px; border-radius: 14px; background: #3A3936; font-size: 12.5px; line-height: 1.5; color: #EDEAE3; }
.ts-cl__tool { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 12px; color: #A8A49B; }
.ts-cl__tool i { font-style: normal; }
.ts-cl__dot { width: 8px; height: 8px; border-radius: 50%; background: #D97757; }
.ts-cl__ans { margin-top: 10px; font: 400 12.5px/1.5 var(--a-serif); color: #E9E6DF; }
.ts-cl__ans > p + p, .ts-cl__ans ol, .ts-cl__ans ul { margin-top: 8px; }
.ts-cl__ans b { color: #F4F1EA; font-weight: 600; }
.ts-cl__ans i { font-style: italic; }
.ts-cl__h { font-weight: 600; color: #F4F1EA; }
.ts-cl__ans ol { padding-left: 20px; list-style: decimal; }
.ts-cl__ans ul { padding-left: 20px; list-style: disc; }
.ts-cl__ans li { margin-top: 3px; list-style: inherit; }
.ts-cl__in { display: flex; align-items: center; gap: 12px; width: 720px; height: 44px; margin: 0 auto 16px; padding: 0 16px; border: 1px solid #44433F; border-radius: 14px; background: #30302E; color: #8F8B83; font-size: 12.5px; }
.ts-cl__in span { color: #CFCBC2; font-size: 16px; }

/* Streams, Jobs feed (streams-jobs.ejs), capture app-08 */
.ts-jobs { margin-top: 12px; }
.ts-jobs__k { padding: 12px 18px 0; font-size: 10px; }
.ts-job .ts-co span { display: grid; line-height: 1.2; }
.ts-job .ts-co small { font-size: 10px; font-weight: 500; color: var(--a-mute); }
.ts-lvl { display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; padding: 3px 8px; border-radius: 999px; background: var(--a-soft); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; }
.ts-lvl i { width: 5px; height: 5px; border-radius: 50%; background: var(--a-green); }
.ts-job__tags { display: flex; gap: 6px; margin-top: 7px; }
.ts-job__tags span { padding: 2px 7px; border-radius: 5px; background: var(--a-soft); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; color: var(--a-text); }
.ts-job__meta { margin-top: 7px; font-size: 11px; color: var(--a-text); }
.ts-job .ts-src a { margin-top: 6px; }

/* r3: people-profile verified contact line (GTM data enrichment tour) */
.ts-ct { display: flex; align-items: center; gap: 12px; width: max-content; margin-top: 6px; font-size: 11.5px; color: var(--a-text); }
.ts-ct span { display: inline-flex; align-items: center; gap: 5px; }
.ts-ct i { display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #2F7D4F; color: #fff; font-style: normal; font-size: 9px; font-weight: 800; }
.ts-ct b { padding: 2px 7px; border-radius: 999px; background: #E3F1E7; color: #2F7D4F; font-size: 10px; font-weight: 800; }

/* r3 (AK Nov 5): Jeb Blount's real shared profile (people-profile.ejs, profile-prepare.ejs) */
.ts-jb .ts-ph--sm { margin-top: 10px; }
.ts-jb .ts-ov { margin-top: 12px; padding: 12px 16px; }
.ts-jb .ts-ov p:not(.ts-k) { font-size: 12px; line-height: 1.5; }
.ts-jb .ts-ov .ts-k + p { margin-top: 8px; }
.ts-jb .ts-ov p + p { margin-top: 6px; }
.ts-jb__row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 10px; margin-top: 10px; }
.ts-tp, .ts-ap { padding: 11px 14px 12px; }
.ts-tp .ts-k, .ts-ap .ts-k { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.ts-tp .ts-k small, .ts-ap .ts-k small { font-size: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--a-mute); }
.ts-tp ol { margin-top: 6px; }
.ts-tp li { display: flex; align-items: center; gap: 8px; margin-top: 7px; font-size: 12px; font-weight: 700; color: var(--a-ink); }
.ts-tp li i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; background: #F8EACB; font-style: normal; font-size: 10px; color: #8A6413; }
.ts-ap ul { margin-top: 4px; }
.ts-ap li { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px solid var(--a-line2); font-size: 11px; color: var(--a-text); }
.ts-ap li:last-child { border-bottom: 0; }
.ts-ap li span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ts-ap li small { flex: none; font-size: 10px; color: var(--a-mute); }
.ts-jb__show { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--a-line2); }
.ts-jb__show .ts-tags { margin-top: 6px; gap: 6px; }
.ts-jb__show .ts-tags span { padding: 3px 9px; font-size: 11px; }
.ts-nc--jb dl > div { grid-template-columns: 150px minmax(0, 1fr); padding: 8px 0; }
.ts-nc__k2 { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--a-line); }
.ts-cc--jb dl, .ts-eo--jb dl { margin-top: 6px; }
.ts-cc--jb dl > div, .ts-eo--jb dl > div { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--a-line2); }
.ts-cc--jb dl > div:last-child, .ts-eo--jb dl > div:last-child { border-bottom: 0; }
.ts-cc--jb dt, .ts-eo--jb dt { font: 500 13px/1.35 var(--a-serif); color: var(--a-ink); }
.ts-cc--jb dd, .ts-eo--jb dd { margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--a-text); }
.ts-jb .ts-ov p[data-spot="unique"] { margin-top: 12px; }