/* v13: measured breathing room, translucent surfaces, cell-aligned reading. */
.journey-map{transform:translateY(var(--map-shift,0px))}
.journey-gradient{position:absolute;inset:-4%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 69% 66%,color-mix(in srgb,var(--teal) 36%,var(--paper)),transparent 54%),radial-gradient(ellipse at 40% 98%,color-mix(in srgb,var(--ink) 14%,var(--paper)),transparent 55%),linear-gradient(125deg,var(--paper) 14%,color-mix(in srgb,var(--teal) 9%,var(--paper)) 66%,var(--paper));will-change:opacity}
.journey-world{--glass-body:color-mix(in srgb,var(--paper) 24%,transparent);--glass-highlight:color-mix(in srgb,var(--ink) 6%,transparent);--glass-edge:color-mix(in srgb,var(--ink) 15%,transparent)}
.selected-site,.journey-brain,.concept-sources,.owned-dsps,.owned-sources{background:linear-gradient(135deg,var(--glass-highlight),transparent 55%),var(--glass-body);border-color:var(--glass-edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--frost-edge),inset 0 -1px 0 color-mix(in srgb,var(--ink) 4%,transparent),0 22px 48px -32px var(--shade)}
.journey-brain{background:linear-gradient(130deg,color-mix(in srgb,var(--ink) 9%,transparent),transparent 50%),color-mix(in srgb,var(--paper) 15%,transparent)}
.site-chrome{background:transparent}.publisher-page{background:color-mix(in srgb,var(--paper) 46%,transparent)}
.supply-destination{background:color-mix(in srgb,var(--paper) 33%,transparent)}.supply-destination.is-delivered{background:color-mix(in srgb,var(--paper) 48%,transparent)}
.concept-source.is-selected{background:color-mix(in srgb,var(--paper) 48%,transparent)}
.owned-note{transform:translate(-50%,calc(-1 * var(--map-shift,0px)))}
.journey-enabled .journey-disclaimer{bottom:35px}
.site-picker{width:0;height:0;background:none!important;box-shadow:none;border-radius:0;transition:none;overflow:visible}
.site-picker i,.picker-cross,.picker-scan,.picker-preview{display:none!important}
.picker-label{top:auto;bottom:14px;transform:translateX(-50%);font-size:.74rem;padding:8px 12px;box-shadow:0 5px 18px -6px var(--shade)}.is-locked .picker-indicator{box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 16%,transparent)}
.site-scan-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:6;pointer-events:none}.site-scan-frame path{fill:color-mix(in srgb,var(--teal) 9%,transparent);stroke:var(--teal);stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media(max-width:760px){.selected-site,.journey-brain,.concept-sources,.owned-dsps,.owned-sources{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.picker-label{bottom:12px;font-size:.68rem;padding:7px 10px}.journey-enabled .journey-disclaimer{bottom:10px}.owned-note{top:91%}}
@media(prefers-reduced-transparency:reduce){.selected-site,.journey-brain,.concept-sources,.owned-dsps,.owned-sources{background:linear-gradient(135deg,var(--glass-highlight),transparent 55%),color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.selected-site,.journey-brain,.concept-sources,.owned-dsps,.owned-sources{background:var(--frost-solid)}}

/* A BMP contains many curated sites. Changing DSP changes its activation endpoint. */
.bmp-inventory{display:grid;gap:8px;padding:12px 2px 0}.bmp-source{display:flex;align-items:center;gap:10px;font:400 .62rem/1.3 var(--sans);color:var(--ink)}.bmp-source>span:first-child{width:48px;flex:none}.bmp-sites{display:flex;gap:5px;flex:1}.bmp-site{position:relative;display:block;width:29px;height:24px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:3px;overflow:hidden}.bmp-site i{position:absolute;left:3px;top:6px;width:9px;height:11px;background:color-mix(in srgb,var(--teal) 50%,transparent)}.bmp-site b,.bmp-site em{position:absolute;right:3px;top:7px;width:8px;height:2px;background:color-mix(in srgb,var(--ink) 28%,transparent)}.bmp-site em{top:12px;width:6px}.bmp-curated{color:var(--teal);font-size:.7rem}.bmp-note{font:400 .5rem/1.5 var(--sans);color:var(--muted);margin:10px 2px 0}.owned-sources .supply-partners{border-top:1px solid var(--glass-edge);margin-top:9px;font-size:.52rem}.owned-sources{width:240px;max-width:24cqw}.owned-dsps.is-delivered button[aria-pressed=true]>span:last-child{color:var(--paper)}
.luminous-home .light-field{animation-iteration-count:1;animation-duration:4.5s;animation-fill-mode:forwards}
@media(max-width:760px){.owned-sources{width:143px;max-width:40cqw}.bmp-inventory{gap:7px;padding-top:9px}.bmp-source{gap:4px;font-size:.42rem}.bmp-source>span:first-child{width:32px}.bmp-sites{gap:3px}.bmp-site{width:17px;height:19px}.bmp-site i{left:2px;top:5px;width:5px;height:9px}.bmp-site b,.bmp-site em{right:2px;width:4px;height:1px}.bmp-site em{width:3px;top:10px}.bmp-curated{font-size:.48rem}.bmp-note{font-size:.38rem;margin-top:8px}.owned-sources .supply-partners{margin-top:6px;gap:5px 6px}.owned-sources .supply-partners span{font-size:.4rem}.owned-note{top:87%}}

.owned-note{top:auto;bottom:22px}.ownership-note{display:none}
@media(max-width:760px){.owned-note{top:auto;bottom:0}.journey-enabled .journey-controls{bottom:22px}}

@media(min-width:761px){[data-copy=connect] h2{font-size:clamp(2.1rem,3.5vw,3.25rem)}}
[data-stop=explore]{top:21%}

/* Supply enters on the left; the curated BMP activates in the DSP on the right. */
.owned-sources{left:25%}.owned-dsps{left:79%}
@media(max-width:760px){.owned-sources{left:23%}.owned-dsps{left:78%}}

/* The note stays outside the fitted diagram and keeps its original type size. */
.journey-diagram{position:absolute;inset:0;transform-origin:50% 0}