.telemetry-source-action-first-look {
  display: grid;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: clamp(10px, 1.5vw, 16px);
  border: 1px solid #71a2ae;
  border-radius: 11px;
  color: #eef8f7;
  background: linear-gradient(145deg, #153946, #112d3d);
}
.telemetry-source-action-first-look * { box-sizing: border-box; min-width: 0; }
.telemetry-source-action-first-look :is(h4, p, figure) { margin: 0; }
.tsa-first-kicker { color: #a7ecda; font-size: .67rem; font-weight: 850; letter-spacing: .065em; }
.telemetry-source-action-first-look h4 { color: #f6fbf9; font-size: clamp(1.05rem, 1.8vw, 1.28rem); line-height: 1.24; }
.tsa-first-variants { display: flex; gap: 5px; max-width: 100%; overflow-x: auto; padding-bottom: 2px; }
.tsa-first-leads { display: flex; gap: 5px; }
.telemetry-source-action-first-look :is(.tsa-first-variant, .tsa-first-lead, .tsa-first-probe, .tsa-first-claim, .tsa-first-check, .tsa-first-reset) {
  min-height: 42px;
  padding: 6px 9px;
  border: 1px solid #80aeb7;
  border-radius: 6px;
  color: #edf9f7;
  background: #285661;
  font: 750 .73rem/1.24 system-ui, sans-serif;
  white-space: normal;
  cursor: pointer;
}
.telemetry-source-action-first-look .tsa-first-variant { flex: 0 0 auto; max-width: 42%; text-align: left; }
.telemetry-source-action-first-look :is(.tsa-first-variant, .tsa-first-lead, .tsa-first-probe, .tsa-first-claim)[aria-pressed="true"] {
  border-color: #ffda92;
  color: #18333d;
  background: #ffdc98;
}
.telemetry-source-action-first-look .tsa-first-check { border-color: #8cdbc8; background: #14665f; }
.telemetry-source-action-first-look :is(button, a):focus-visible { outline: 3px solid #ffdf91; outline-offset: 2px; }
.tsa-first-source { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 10px; align-items: start; }
.tsa-first-figure { display: grid; gap: 5px; min-width: 0; }
.tsa-first-figure svg { display: block; width: 100%; height: 145px; border: 1px solid #416b77; border-radius: 6px; background: #0a2331; }
.tsa-first-grid line { stroke: #365463; stroke-width: .4; }
.tsa-first-grid line:last-child { stroke: #7193a0; stroke-width: .55; }
.tsa-first-trace { fill: none; stroke: #9be7d6; stroke-width: 1.4; vector-effect: non-scaling-stroke; }
.tsa-first-annotations line { stroke-width: 1.1; vector-effect: non-scaling-stroke; }
.tsa-first-annotations line.atrial,
.tsa-first-annotations line.expected { stroke: #ffd27b; }
.tsa-first-annotations line.ventricular,
.tsa-first-annotations line.observed { stroke: #ffa397; }
.tsa-first-annotations .source-gap { fill: #ffce8242; stroke: #ffce82; stroke-width: 1; stroke-dasharray: 5 3; }
.tsa-first-annotations text { fill: #fff1d5; font: 750 9px/1 system-ui, sans-serif; }
.tsa-first-figure figcaption { color: #bdd8dc; font-size: .69rem; line-height: 1.35; }
.tsa-first-task { display: grid; gap: 7px; }
.tsa-first-task > .tsa-first-probe { justify-self: start; }
.tsa-first-observation {
  padding: 7px 9px;
  border-left: 3px solid #a3e3d0;
  border-radius: 5px;
  color: #e7f6f1;
  background: #1f4b56;
  font-size: .74rem;
  line-height: 1.34;
}
.tsa-first-probe-detail { color: #cce1e3; font-size: .72rem; line-height: 1.36; }
.tsa-first-question { color: #ffebbb; font-size: .78rem; font-weight: 800; }
.tsa-first-claims,
.tsa-first-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.tsa-first-feedback { color: #f4dfb6; font-size: .74rem; line-height: 1.38; }
.tsa-first-feedback[data-supported="true"] { color: #baf1d6; }
.tsa-first-boundary { padding-top: 6px; border-top: 1px solid #4b7581; color: #c5dbde; font-size: .7rem; line-height: 1.36; }
@media (max-width: 850px) {
  .tsa-first-source { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .telemetry-source-action-first-look { gap: 6px; }
  .tsa-first-figure svg { height: 120px; }
  .telemetry-source-action-first-look .tsa-first-variant { max-width: 57%; }
}
@media (max-width: 350px) {
  .tsa-first-claims { grid-template-columns: minmax(0, 1fr); }
}