/* Restore the original standalone address strip, scoped to the homepage. */
.home-botcf-page .home-botcf-endpoint {
  align-items: flex-start;
  gap: 0;
  width: min(100%, 620px);
  margin: 16px 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.home-botcf-page .home-botcf-endpoint-heading strong {
  color: var(--home-botcf-text);
  font-size: 20px;
  font-weight: 650;
  line-height: 1.45;
}
.home-botcf-page .home-botcf-endpoint-heading span,
.home-botcf-page .home-botcf-endpoint-note,
.home-botcf-homepage-note {
  color: var(--home-botcf-text-gray);
  font-size: 13px;
  line-height: 1.55;
}
.home-botcf-page .home-botcf-endpoint-switcher {
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  align-items: center;
}
.home-botcf-page .home-botcf-endpoint-switcher button,
.home-botcf-homepage-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid rgba(255, 107, 74, .24);
  border-radius: 7px;
  background: var(--home-botcf-card-bg);
  color: var(--home-botcf-text-gray);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.home-botcf-page .home-botcf-endpoint-switcher .is-active,
.home-botcf-homepage-link:hover {
  border-color: rgba(255, 107, 74, .46);
  background: var(--home-botcf-btn-light-bg);
  color: var(--home-botcf-primary);
}
.home-botcf-page .home-botcf-endpoint-address {
  width: 100%;
  min-height: 52px;
  margin-top: 10px;
  padding: 0 5px 0 18px;
  border: 1px solid rgba(255, 107, 74, .3);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 247, 243, .92));
  box-shadow: 0 14px 34px rgba(255, 107, 74, .12), inset 0 1px 0 rgba(255, 255, 255, .74);
}
html.dark .home-botcf-page .home-botcf-endpoint-address,
body[theme-mode='dark'] .home-botcf-page .home-botcf-endpoint-address {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035)), rgba(38, 32, 30, .8);
}
.home-botcf-page .home-botcf-endpoint-address code {
  font-size: clamp(13px, 1.22vw, 20px);
  font-weight: 650;
}
.home-botcf-page .home-botcf-endpoint-address button {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  background: var(--home-botcf-btn-light-bg);
  font-size: 0;
}
.home-botcf-page .home-botcf-endpoint-address button::before,
.home-botcf-page .home-botcf-endpoint-address button::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-radius: 3px;
  top: 11px;
  left: 15px;
}
.home-botcf-page .home-botcf-endpoint-address button::before {
  transform: translate(-5px, 5px);
  opacity: .58;
}
.home-botcf-page .home-botcf-endpoint-note { margin-top: 8px; }
.home-botcf-homepage-note { margin-top: 3px; font-size: 12px; }
.home-botcf-page .home-botcf-models-column { visibility: visible !important; }
.home-botcf-page .home-botcf-model-icon { width: 36px; height: 36px; }
.home-botcf-page .home-botcf-card-left { gap: 8px; }
.home-botcf-page .home-botcf-model-name { font-size: 13px; }
/* Keep all three vendors, the hub, and the terminal inside the viewport. */
.home-botcf-page .home-botcf-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}
.home-botcf-page .home-botcf-content-left { min-width: 0; }
.home-botcf-page .home-botcf-visual-right {
  width: 100%;
  min-width: 0;
  margin-left: 0;
  transform: none;
}
.home-botcf-page .home-botcf-diagram-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 820px;
  height: 330px;
  transform: scale(var(--home-diagram-scale, .8));
  transform-origin: top left;
}
@media (max-width: 1100px) {
  .home-botcf-page .home-botcf-container { grid-template-columns: minmax(0, 1fr); }
  .home-botcf-page .home-botcf-visual-right { padding-bottom: 0; overflow: visible; }
}
@media (max-width: 767px) {
  .home-botcf-page .home-botcf-endpoint-heading strong { font-size: 17px; }
  .home-botcf-page .home-botcf-endpoint-switcher { gap: 6px; }
  .home-botcf-page .home-botcf-endpoint-switcher button,
  .home-botcf-homepage-link { padding: 0 9px; font-size: 12px; }
  .home-botcf-page .home-botcf-endpoint-address { padding-left: 10px; }
  .home-botcf-page .home-botcf-endpoint-address code { font-size: 12px; }
  .home-botcf-page .home-botcf-diagram-container { position: relative; transform: none; }
  .home-botcf-page .home-botcf-model-name { white-space: normal !important; overflow: visible !important; }
}