.journey-compact{padding:22px 0 16px;scroll-margin-top:100px;background:#fff;letter-spacing:0}
.journey-compact .container{position:relative;min-width:0}
.jc-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:3px 0 6px}
.jc-viewport::-webkit-scrollbar{display:none}
.jc-viewport:focus-visible{outline:2px solid #3984ef;outline-offset:4px}
.jc-track{display:flex;gap:18px;list-style:none;margin:0;padding:0;width:max-content}
.jc-step{width:282px;flex:0 0 282px;scroll-snap-align:start;--accent:#3585ef;--tint:#eef5fe}
.jc-cyan{--accent:#168eab;--tint:#edf8fa}.jc-violet{--accent:#9362d8;--tint:#f5f0fb}.jc-amber{--accent:#d89516;--tint:#fff8e9}.jc-green{--accent:#1caf83;--tint:#edf9f4}.jc-coral{--accent:#dc766d;--tint:#fdf3f1}
.jc-heading{height:28px;display:flex;align-items:center;gap:8px;margin-bottom:12px;white-space:nowrap}
.jc-heading h3{font:600 13px/1.3 var(--font-body,Inter,sans-serif);margin:0;color:#27292e;letter-spacing:0}
.jc-node{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent);flex:none}
.jc-node img{width:16px;height:16px;filter:brightness(0) invert(1)}
.jc-connector{flex:1;min-width:8px;height:1px;background:#e5e6e9;margin-left:3px}
.jc-step:last-child .jc-connector{visibility:hidden}
.jc-preview{height:96px;border-radius:8px;background:#f7f8fa;padding:12px;color:#30353e;font-size:12px;line-height:1.4;box-sizing:border-box}
.jc-preview b{font-weight:600}.jc-preview p{margin:6px 0;font-size:12px;line-height:1.3}.jc-preview small{font-size:10px;color:#818793}
.jc-person{display:flex;align-items:center;gap:7px;min-width:0}.jc-person>small{margin-left:auto}
.jc-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:9px;font-weight:600;color:#537990;background:#e0ebf3;flex:none}
.jc-lines{display:flex;gap:5px}.jc-lines i{display:block;height:3px;background:#d9e2ed;border-radius:2px;width:88px}.jc-lines i:last-child{width:32px}
.jc-linkedin{display:grid;place-items:center;width:22px;height:22px;background:#087eb3;color:white;border-radius:4px;font-size:15px}
.jc-chat{position:relative}.jc-chat p{display:inline-block;background:#e4f1f7;border-radius:6px;padding:6px 10px;margin-top:8px}.jc-chat-dots{color:#168eab;margin-left:7px}
.jc-wave{display:flex;align-items:center;gap:3px;height:38px;margin:7px 0 0;color:var(--accent)}
.jc-wave i{width:4px;height:var(--h);background:currentColor;border-radius:3px;transform-origin:center;animation:jc-wave 1.15s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}
.journey-compact.is-visible .jc-wave i{animation-play-state:running}
@keyframes jc-wave{from{transform:scaleY(.4);opacity:.6}to{transform:scaleY(1);opacity:1}}
.jc-calendar{display:flex;align-items:center;gap:12px;height:100%;border-left:3px solid #4788ed;padding-left:10px}.jc-calendar>span:last-child{display:grid;gap:3px}
.jc-date{width:38px;display:grid;justify-items:center;gap:1px;color:#4184e3}.jc-date b{font-size:24px;line-height:1.1}.jc-date small{font-size:9px}
.jc-tag{display:inline-flex;width:max-content;align-items:center;border-radius:4px;padding:2px 6px;background:#dff3ea;color:#268561;font-size:9px;font-weight:500;white-space:nowrap}
.jc-attended .jc-tag{margin-top:13px}.jc-attended .jc-person>img{margin-left:auto;opacity:.65}.jc-credit{float:right;margin-top:16px}
.jc-proposal{display:flex;gap:10px;align-items:center;height:100%;position:relative}.jc-file{display:grid;place-items:center;background:white;border:1px solid #e3e6eb;border-radius:5px;width:32px;height:43px;flex:none}.jc-file small{font-size:8px;color:#d76e63}.jc-proposal>span:nth-child(2){display:grid;gap:5px}.jc-owner{margin-left:auto;align-self:flex-end;font-size:9px;color:#818793}
.jc-won .jc-person:first-child{margin-bottom:14px}.jc-won .jc-person:first-child>img{filter:invert(49%) sepia(64%) saturate(550%) hue-rotate(111deg)}.jc-won .jc-tag{margin-left:auto}
.jc-controls{height:29px;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:7px}
.jc-controls button{display:grid;place-items:center;border:1px solid #e6e9ed;border-radius:50%;background:white;width:28px;height:28px;padding:0;cursor:pointer}
.jc-controls button:hover:not(:disabled){background:#f2f5f9}.jc-controls button:disabled{opacity:.3;cursor:default}.jc-controls button:focus-visible{outline:2px solid #3984ef;outline-offset:2px}.jc-controls img{width:14px;height:14px}.jc-previous img{transform:rotate(180deg)}
.jc-count{font-size:10px;color:#8b929d;margin-right:5px;min-width:28px;text-align:center}
@media(max-width:600px){.journey-compact{padding:12px 0 8px}.jc-step{width:258px;flex-basis:258px}.jc-track{gap:14px}.jc-heading h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.jc-wave i{animation:none}}