/* Keep the teacher dock aligned with the slide's content width and frame. */
.bb-prompt-selector[data-activity-mode="presentation"] .bb-presentation-timeline-overlay {
  left: 0 !important;
  right: 0 !important;
}
.bb-prompt-selector[data-activity-mode="presentation"] [data-testid="activity-presentation-timeline-dock"] {
  width: 100% !important;
  box-sizing: content-box !important;
}
.bb-prompt-selector[data-prompt-design="comic"][data-activity-mode="presentation"] [data-testid="activity-presentation-timeline-dock"] {
  border: 5px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: 7px 7px 0 #111 !important;
}
/* A single ink line replaces the coloured, bevelled chapter connectors. */
.bb-prompt-selector[data-prompt-design="comic"] [data-intro-v2-title-connector] path {
  stroke: #171717 !important;
}
.bb-prompt-selector[data-prompt-design="comic"] [data-intro-v2-title-connector] path:not(:first-child) {
  display: none;
}
[data-testid="activity-presentation-timeline-dock"] {
  --slideshow-tracker-size: 16px;
}
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-handle"] {
  width: var(--slideshow-tracker-size) !important;
  height: var(--slideshow-tracker-size) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 50% !important;
  background: #ffd647 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  z-index: 5 !important;
}
/* Inset the paint, not the duration slots: seek/marker timing stays accurate. */
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-buffered-range"] {
  gap: 0 !important;
}
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-buffered-range"] > span {
  --section-start-gap: calc(var(--slideshow-tracker-size) / 2);
  --section-end-gap: calc(var(--slideshow-tracker-size) / 2);
  clip-path: inset(0 var(--section-end-gap) 0 var(--section-start-gap));
}
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-buffered-range"] > span:first-child {
  --section-start-gap: 0px;
}
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-buffered-range"] > span:last-child {
  --section-end-gap: 0px;
}
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-buffered-range"] span,
[data-testid="activity-presentation-timeline-dock"] [data-testid="timeline-checkpoint"] {
  border-radius: 0 !important;
}
/* Halve the hard offset on the response card and its controls. */
.bb-prompt-selector[data-prompt-design="comic"] [data-intro-v2-panel-kind="chart"] {
  box-shadow: 1.5px 1.5px 0 rgba(23,23,23,.46) !important;
  border-radius: 0 !important;
}
[data-fact-response-panel] button,
[data-fact-response-panel] [data-response-instructions],
[data-fact-response-panel] [data-response-content] {
  border-radius: 0 !important;
  box-shadow: calc(1.25px * var(--response-unit)) calc(1.25px * var(--response-unit)) 0 #111 !important;
}
[data-fact-response-panel] [data-response-transport],
[data-fact-response-panel] [data-response-countdown] span {
  border-radius: 0 !important;
}
[data-fact-response-panel] [data-response-transport] button {
  box-shadow: none !important;
}
