/* BluePrint Step 0–4 refinement. The unenhanced markup keeps the original
   horizontal scroll fallback; these rules apply after blueprint.js is ready. */
.slider.bp-enhanced {
  --bp-ink: #e6f4ff;
  --bp-muted: #8ea3b3;
  --bp-line: rgba(142, 163, 179, .38);
  --bp-accent: #d8b46a;
  margin-top: 36px;
  isolation:isolate;
}
.slider.bp-enhanced:before{content:'';position:absolute;inset:-32px -28px 100px;z-index:-1;pointer-events:none;background:var(--bp-atmosphere) center/cover no-repeat;filter:blur(36px) saturate(.55);opacity:.32;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}

.slider.bp-enhanced .slides {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  padding: 0;
  background: transparent;
  aspect-ratio: var(--bp-ratio, 16 / 9);
  transition: aspect-ratio .25s ease;
  /* Only the empty outer margin is feathered; the business map stays intact. */
  mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 12px),transparent);
  mask-composite:intersect;
}

.slider.bp-enhanced .slide {
  grid-area: 1 / 1;
  min-width: 0;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  filter:blur(3px);
  transition: opacity 3.2s ease, filter 3.8s ease, visibility 0s linear 3.8s;
}

.slider.bp-enhanced .slide.is-active {
  opacity: .78;
  filter:blur(0);
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}

.slider.bp-enhanced .slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: transparent;
  /* The inspected source PNGs are opaque but their edge pixels are near-black
     navy; screen lets that baked field merge into the matching page shell while
     retaining the white diagram lines and labels. */
  mix-blend-mode: screen;
}
.slider.bp-enhanced .slide picture{display:block;width:100%;height:100%}
.slider.bp-enhanced .bp-control:disabled{opacity:.4;cursor:default}

.slider.bp-enhanced .slide.bp-missing::after {
  content: attr(data-fallback);
  display: grid;
  place-items: center;
  min-height: 10rem;
  height: 100%;
  color: var(--bp-muted);
  font-size: .9rem;
  letter-spacing: .04em;
}
.slider.bp-enhanced .slide.bp-missing picture{display:none}

.slider.bp-enhanced .slider-nav {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) auto auto;
  align-items: center;
  gap: 12px 18px;
  margin-top: 16px;
}

.slider.bp-enhanced .slider-cap {
  margin: 0;
  color: var(--bp-muted);
}

.slider.bp-enhanced .dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slider.bp-enhanced .dot {
  width: auto;
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  padding: 0 .55rem;
  border: 1px solid var(--bp-line);
  border-radius: 3px;
  background: transparent;
  color: var(--bp-muted);
  font: 600 11px/1 Arial, sans-serif;
  letter-spacing: .04em;
}

.slider.bp-enhanced .dot[aria-current="true"] {
  border-color: var(--bp-accent);
  background: rgba(197, 164, 91, .1);
  color: var(--bp-ink);
}

.slider.bp-enhanced .bp-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slider.bp-enhanced .bp-actions > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slider.bp-enhanced .bp-control,
.slider.bp-enhanced .slider-btn {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: .35rem .65rem;
  border: 1px solid var(--bp-line);
  border-radius: 3px;
  background: transparent;
  color: var(--bp-ink);
  cursor: pointer;
  font: 600 11px/1.2 Arial, sans-serif;
}

.slider.bp-enhanced .slider-btn {
  width: 44px;
  padding: 0;
  font-size: 16px;
}

.slider.bp-enhanced .bp-control:hover,
.slider.bp-enhanced .bp-control:focus-visible,
.slider.bp-enhanced .slider-btn:hover,
.slider.bp-enhanced .slider-btn:focus-visible,
.slider.bp-enhanced .dot:hover,
.slider.bp-enhanced .dot:focus-visible {
  border-color: var(--bp-accent);
  color: var(--bp-accent);
}

.slider.bp-enhanced .bp-status {
  grid-column: 1 / -1;
  min-height: 1.35em;
  margin: 0;
  color: var(--bp-muted);
  font-size: 12px;
}

@media (max-width: 767px) {
  .slider.bp-enhanced:before{inset:-20px 0 120px;filter:blur(22px) saturate(.55)}
  .slider.bp-enhanced .slides{mask-image:linear-gradient(to right,transparent,#000 5px,#000 calc(100% - 5px),transparent),linear-gradient(to bottom,transparent,#000 5px,#000 calc(100% - 5px),transparent)}
  .slider.bp-enhanced .slider-nav {
    grid-template-columns: 1fr;
  }
  .slider.bp-enhanced .slider-cap{text-align:center;white-space:nowrap}

  .slider.bp-enhanced .dots {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }

  .slider.bp-enhanced .bp-actions {
    grid-column:1;
    grid-row:3;
    justify-self:center;
  }
  .slider.bp-enhanced .bp-status{text-align:center}
}

@media (prefers-reduced-motion: reduce) {
  .slider.bp-enhanced .slides,
  .slider.bp-enhanced .slide {
    transition: none;
  }
}