.hiai-program .hiai-session {
  background-color: var(--hiai-session-bg, var(--hiai-surface));
}

.hiai-session__avatars {
  flex-wrap: wrap;
  row-gap: 8px;
  max-width: 100%;
}

.hiai-session__speaker-tip {
  position: relative;
  z-index: 2;
  flex: none;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: help;
}

.hiai-session__speaker-tip:hover,
.hiai-session__speaker-tip:focus-visible {
  z-index: 3;
}

.hiai-session__speaker-tip:focus-visible {
  outline: 3px solid var(--hiai-focus);
  outline-offset: 2px;
}

.hiai-speaker-tooltip {
  position: fixed;
  z-index: 2147483647;
  box-sizing: border-box;
  width: max-content;
  max-width: min(280px, calc(100vw - 24px));
  padding: 12px 16px;
  border: 1px solid var(--hiai-border);
  border-radius: var(--hiai-r-sm);
  background: var(--hiai-surface);
  box-shadow: var(--hiai-shadow-card);
  color: var(--hiai-ink);
  font: 500 13px/1.45 var(--hiai-font);
  overflow-wrap: anywhere;
}

.hiai-speaker-tooltip[hidden] {
  display: none;
}

.hiai-speaker-tooltip__name,
.hiai-speaker-tooltip__role {
  display: block;
}

.hiai-speaker-tooltip__name {
  font-weight: 800;
}

.hiai-speaker-tooltip__role {
  margin-top: 3px;
  color: var(--hiai-text);
  white-space: pre-line;
}

.hiai-speaker-tooltip__role[hidden] {
  display: none;
}