/* Expert card docked into the hero flow (js/expert-float-scroll.js adds .expert-dock when the
   floating card would cover the Back button, stat boxes, section buttons or title). Compact chip style. */
.expert-dock {
  position: relative; z-index: 3;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 0.4rem; width: 100%; box-sizing: border-box;
  margin: 0 0 0.7rem; padding: 0;
}
.expert-dock .class-expert-stack {
  position: static !important; top: auto !important; left: auto !important; right: auto !important;
  width: 100% !important; max-width: 100% !important; transform: none !important;
  display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important;
  gap: 0.4rem !important; pointer-events: auto;
}
.expert-dock .class-expert-float,
.expert-dock .class-expert-float.class-expert-float--left,
.expert-dock .class-expert-float.class-expert-float--right {
  position: relative !important; top: auto !important; left: auto !important; right: auto !important;
  flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important;
  min-height: 44px !important; height: auto !important; max-height: none !important;
  padding: 0.25rem 0.8rem 0.25rem 0.25rem !important; border-radius: 999px !important;
  display: inline-flex !important; align-items: center !important; gap: 0.55rem !important;
  background: rgba(8, 8, 10, 0.86) !important; box-sizing: border-box;
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
.expert-dock .class-expert-float:hover { transform: translateY(-1px); }
.expert-dock .class-expert-float .expert-card-photo {
  position: static !important; flex: 0 0 2.2rem !important; width: 2.2rem !important; height: 2.2rem !important;
  border-radius: 50% !important; filter: none !important; transform: none !important; order: 1;
}
.expert-dock .class-expert-float .expert-card-scrim,
.expert-dock .class-expert-float .expert-why,
.expert-dock .class-expert-float .expert-specs,
.expert-dock .class-expert-float .expert-link { display: none !important; }
.expert-dock .class-expert-float .expert-card-body {
  position: static !important; padding: 0 !important; min-width: 0 !important; height: auto !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important; order: 2;
}
.expert-dock .class-expert-float .expert-kicker {
  display: block !important; margin: 0 !important; font-size: 0.55rem !important; line-height: 1.2 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.expert-dock .class-expert-float .expert-name {
  display: block !important; margin: 0 !important; font-size: 0.88rem !important; line-height: 1.2 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.expert-dock .class-expert-float .expert-live-badge {
  position: static !important; order: 3; flex: 0 0 auto; padding: 0.12rem 0.35rem 0.12rem 0.3rem; font-size: 0.55rem;
}
.expert-dock .class-expert-float::after { border-radius: 999px; }
/* two or three experts: chips wrap onto another row instead of squeezing the names */