/* TAN-77: a fixed composition populated by Designer intent. */
#journey-visualizer-placeholder { min-height:0; }
.journey-intent-visual { position:relative; isolation:isolate; width:100%; margin:24px auto 0; }
.journey-intent-scene::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(ellipse at center,#faf8f1 15%,transparent 73%),url('/ui/assets/journey-chart-field.svg?v=2') center / 100% 100% no-repeat; mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent); mask-composite:intersect; }
.journey-intent-heading { margin:0 0 16px; font-size:18px; font-weight:500; color:#234c56; }
.journey-intent-scene > svg { display:block; width:100%; max-width:920px; margin:auto; height:auto; aspect-ratio:3 / 1; overflow:hidden; stroke:none; fill:none; }
.journey-intent-visual svg text { fill:#143f50; font-family:inherit; }
.journey-intent-visual .caption { font-size:18px; fill:#526c74; }
.journey-intent-visual .node-title { font-size:20px; font-weight:600; }
.journey-intent-visual .node-detail { font-size:18px; }
.journey-intent-visual .section-title { font-size:20px; font-weight:600; }
.journey-intent-visual .tiny { font-size:13px; fill:#59747a; }
.journey-intent-note { max-width:920px; margin:10px auto 0; font-size:12px; color:#61777c; }
.journey-intent-window { height:88px; text-align:center; color:#286674; }
.journey-intent-window-heading { display:flex; justify-content:center; align-items:center; gap:7px; font-size:15.3px; font-weight:600; }
.journey-intent-window-heading svg { width:20px; height:22px; stroke:none; }
.journey-intent-window p { margin:2px 0 0; font-size:12px; }
.journey-intent-timeline { position:relative; margin:23px 30px 0; border-top:1px solid #286674; }
.journey-intent-timeline::before,.journey-intent-timeline::after { content:""; position:absolute; top:-5px; width:9px; height:9px; border-radius:50%; background:#286674; }
.journey-intent-timeline::before { left:-4px; }
.journey-intent-timeline::after { right:-4px; }
.journey-intent-tick { position:absolute; top:12px; transform:translateX(-50%); white-space:nowrap; font-size:10px; color:#59747a; }
.journey-intent-tick::before { content:""; position:absolute; height:8px; width:1px; background:#7a9ca2; left:50%; top:-16px; }
@media(max-width:720px) { .journey-intent-visual { display:none; } }

.journey-intent-visual .destination-field-label { fill:#799795; }

.journey-intent-scene { position:relative; isolation:isolate; overflow:hidden; }
body.compact-designer:not(.results-mode) #main-content { padding-bottom:16px; }