.advanced-lab .critical-device-event-replay {
  grid-column: 1 / -1;
  gap: 12px;
  min-width: 0;
  border-color: rgba(104, 210, 198, .45);
  background: radial-gradient(circle at 98% 0, rgba(104, 210, 198, .12), transparent 40%), rgba(6, 20, 30, .82);
}
.critical-device-event-replay :is(h5, p) { margin: 0; }
.critical-device-event-intro,
.critical-device-event-alert p,
.critical-device-event-packet,
.critical-device-event-feedback,
.critical-device-event-debrief,
.critical-device-event-comparison,
.critical-device-event-boundary { color: #dcebef; line-height: 1.5; }
.critical-device-event-nav,
.critical-device-event-sources,
.critical-device-event-choices { display: grid; gap: 8px; }
.critical-device-event-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.critical-device-event-sources { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.critical-device-event-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advanced-lab .critical-device-event-tab,
.advanced-lab .critical-device-event-inspect,
.advanced-lab .critical-device-event-choice,
.advanced-lab .critical-device-event-review,
.advanced-lab .critical-device-event-reset {
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  line-height: 1.35;
  white-space: normal;
}
.advanced-lab .critical-device-event-tab[aria-pressed="true"] { border-color: #68d2c6; background: rgba(104, 210, 198, .18); }
.critical-device-event-alert,
.critical-device-event-packet,
.critical-device-event-feedback,
.critical-device-event-debrief,
.critical-device-event-comparison {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(139, 191, 213, .34);
  border-radius: 10px;
  background: rgba(139, 191, 213, .06);
}
.critical-device-event-alert strong,
.critical-device-event-debrief strong,
.critical-device-event-comparison strong { color: #f6d7a5; }
.critical-device-event-timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-left: 3px solid #68d2c6;
  padding-left: 9px;
}
.critical-device-event-moment {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(139, 191, 213, .34);
  border-radius: 9px;
  background: rgba(2, 15, 25, .63);
  color: #dcebef;
  font-size: .76rem;
}
.critical-device-event-moment strong { color: #eef8f5; }
.critical-device-event-signal,
.critical-device-event-device {
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  border: 1px solid transparent;
  overflow-wrap: anywhere;
}
.critical-device-event-signal[data-signal-status="available"] { color: #b6f4dd; border-color: rgba(107, 220, 178, .43); background: rgba(107, 220, 178, .12); }
.critical-device-event-signal[data-signal-status="limited"],
.critical-device-event-signal[data-signal-status="missing"] { color: #ffe0ac; border-color: rgba(244, 189, 104, .46); background: rgba(244, 189, 104, .12); }
.critical-device-event-device { color: #bfd6e4; border-color: rgba(139, 191, 213, .35); background: rgba(139, 191, 213, .08); }
.critical-device-event-source {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(139, 191, 213, .34);
  border-radius: 9px;
  background: rgba(2, 15, 25, .63);
}
.critical-device-event-source[data-inspected="true"] { border-color: rgba(107, 220, 178, .7); background: rgba(107, 220, 178, .09); }
.critical-device-event-source h5,
.critical-device-event-packet h5,
.critical-device-event-branch h5 { color: #f6d7a5; font-size: .84rem; }
.critical-device-event-source p { color: #c6d8de; font-size: .78rem; }
.critical-device-event-source button { margin-top: auto; }
.critical-device-event-packet dl { display: grid; grid-template-columns: minmax(110px, .6fr) minmax(0, 2fr); gap: 7px 12px; margin: 0; }
.critical-device-event-packet dt { font-weight: 760; color: #aee7db; }
.critical-device-event-packet dd { margin: 0; overflow-wrap: anywhere; }
.critical-device-event-branch { display: grid; gap: 8px; }
.advanced-lab .critical-device-event-choice { border-color: rgba(244, 189, 104, .46); background: rgba(244, 189, 104, .08); }
.advanced-lab .critical-device-event-choice[aria-pressed="true"] { opacity: 1; border-color: #f4bd68; }
.critical-device-event-feedback { border-color: rgba(244, 189, 104, .55); }
.critical-device-event-feedback strong { color: #f6d7a5; }
.critical-device-event-debrief,
.critical-device-event-comparison { border-color: rgba(107, 220, 178, .55); background: rgba(107, 220, 178, .08); }
.critical-device-event-history { padding: 9px 11px; border: 1px solid rgba(139, 191, 213, .34); border-radius: 9px; color: #dcebef; }
.critical-device-event-history summary { cursor: pointer; font-weight: 760; }
.critical-device-event-history ol { margin: 8px 0 0; padding-left: 20px; line-height: 1.5; }
.critical-device-event-boundary { font-size: .74rem; color: #b8cdd3; }
@media (max-width: 740px) {
  .critical-device-event-sources,
  .critical-device-event-choices,
  .critical-device-event-timeline { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 440px) {
  .critical-device-event-nav,
  .critical-device-event-packet dl { grid-template-columns: minmax(0, 1fr); }
}