/* Live tour chrome, separate from the immutable workspace captures. */
.tour-refresh .staged-tour-card { padding: 10px 16px; }
.tour-refresh .staged-tour-guide-details:not([hidden]) { gap: 4px; }
.tour-refresh .staged-tour-current { padding-top: 4px; }
.tour-refresh .staged-tour-current h3 { margin-top: 3px; line-height: 1.3; }
.tour-refresh .staged-tour-guide-text:empty { display: none; }
.tour-refresh .staged-tour-audio { margin-top: 3px; }
.tour-refresh .staged-tour-card .staged-tour-guide-toggle {
  border-color: transparent; background: transparent; color: #526579;
  padding: 4px 0 4px 8px; font-size: .72rem; min-height: 36px;
}
.tour-refresh .staged-tour-guide-toggle::after { content: "⌃"; margin-left: 6px; }
.tour-refresh .staged-tour-guide-toggle[aria-expanded="false"]::after { content: "⌄"; }
.tour-refresh .staged-tour-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 4px 8px; padding-top: 4px;
}
.tour-refresh .staged-tour-toolbar .staged-tour-audio-controls,
.tour-refresh .staged-tour-toolbar .staged-tour-navigation {
  display: flex; flex-wrap: nowrap; gap: 5px; margin: 0; padding: 0;
  position: static; background: transparent;
}
.tour-refresh .staged-tour-toolbar .staged-tour-navigation { margin-left: auto; }
.tour-refresh .staged-tour-toolbar .staged-tour-control {
  min-height: 36px; padding: 6px 8px; font-size: .72rem; white-space: nowrap;
}
.tour-refresh .staged-tour-toolbar .staged-tour-audio-toggle {
  color: #173f6b; background: #eaf0f7; border-color: #d4e0ee;
}
.tour-refresh .staged-tour-audio-toggle::before { content: "♫"; font-size: .65em; margin-right: 6px; }
.tour-refresh .staged-tour-toolbar .staged-tour-audio-replay {
  color: #526579; border-color: transparent; background: transparent; padding-inline: 4px;
}
.tour-refresh .staged-tour-toolbar .staged-tour-secondary {
  color: #fff; border-color: #0f766e; background: #0f766e;
}
.tour-refresh .staged-tour-toolbar .staged-tour-secondary:hover { background: #115e59; }
.tour-refresh .staged-tour-toolbar .staged-tour-primary { color: #fff; }
.tour-refresh .staged-tour-guide-toggle:hover,
.tour-refresh .staged-tour-toolbar .staged-tour-audio-replay:hover { background: #e8efee; color: #173f6b; }
@media (pointer: coarse) {
  .tour-refresh .staged-tour-toolbar .staged-tour-control,
  .tour-refresh .staged-tour-card .staged-tour-guide-toggle { min-height: 44px; }
}