.paramedic-resuscitation-first-look {
  color: #203b45; padding: .72rem; border: 1px solid #a9c8c4;
  border-radius: 13px; background: linear-gradient(145deg, #f3faf8, #e9f1f0 72%, #f7f2e8);
  box-shadow: 0 3px 15px #153b4412; overflow-wrap: anywhere;
}
.paramedic-resuscitation-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-resuscitation-first-look h3,
.paramedic-resuscitation-first-look p { margin: 0; }
.paramedic-resuscitation-first-look h3 { color: #203b45; font-size: 1.09rem; line-height: 1.2; }
.paramedic-resuscitation-kicker { color: #2b706c; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.paramedic-resuscitation-stamp,
.paramedic-resuscitation-electrical {
  display: grid; gap: .14rem; margin-top: .46rem; padding: .4rem .5rem;
  border: 1px solid #c5d9d5; border-left: 4px solid #50878a;
  border-radius: 6px; background: #fff; font-size: .7rem; line-height: 1.25;
}
.paramedic-resuscitation-stamp strong,
.paramedic-resuscitation-electrical strong { color: #213c46; }
.paramedic-resuscitation-stamp span,
.paramedic-resuscitation-electrical span { color: #465e65; }
.paramedic-resuscitation-first-look button {
  color: #234d56; background: #fff; border: 1px solid #91b4b1; border-radius: 7px;
  padding: .36rem .45rem; font: inherit; font-size: .72rem; font-weight: 750;
  line-height: 1.2; cursor: pointer;
}
.paramedic-resuscitation-first-look button:hover { background: #e5f3ef; }
.paramedic-resuscitation-first-look button:focus-visible { outline: 3px solid #f1ad4b; outline-offset: 2px; }
.paramedic-resuscitation-first-look button[aria-pressed="true"] { color: #fff; background: #1e706b; border-color: #1e706b; }
.paramedic-resuscitation-choices,
.paramedic-resuscitation-tasks { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .48rem; }
.paramedic-resuscitation-signal-rail,
.paramedic-resuscitation-continuity-lanes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .32rem; margin-top: .46rem; }
.paramedic-resuscitation-signal-rail > div {
  white-space: pre-line; padding: .42rem .38rem; border-radius: 7px; background: #e4eeee;
  color: #274c54; font-size: .68rem; font-weight: 750; line-height: 1.2;
}
.paramedic-resuscitation-signal-rail > div:first-child { border-top: 4px solid #a7775d; }
.paramedic-resuscitation-signal-rail > div:nth-child(2) { border-top: 4px solid #4f8294; }
.paramedic-resuscitation-signal-rail > div:last-child { border-top: 4px solid #5a8d69; }
.paramedic-resuscitation-continuity-lanes { grid-template-columns: 1.5fr 1fr; }
.paramedic-resuscitation-continuity-lanes > div {
  display: grid; gap: .12rem; padding: .38rem .45rem; border-radius: 7px;
  font-size: .66rem; line-height: 1.22;
}
.paramedic-resuscitation-continuity-lanes strong { color: #24454d; }
.paramedic-resuscitation-continuity-lanes .is-compression { border-top: 4px solid #2c8774; background: repeating-linear-gradient(90deg, #e6f4ed 0 13px, #d1e9df 13px 16px); }
.paramedic-resuscitation-continuity-lanes .is-pause { border-top: 4px solid #a87755; background: #f9eee0; }
.paramedic-resuscitation-pressure-plot {
  display: block; width: 100%; max-width: 360px; height: auto; margin: .3rem auto .05rem;
  border: 1px solid #c5d8d4; border-radius: 7px; background: #fff;
}
.paramedic-resuscitation-pressure-plot .baseline { stroke: #b9c6c4; stroke-width: 1; }
.paramedic-resuscitation-pressure-plot .high { stroke: #a45d55; fill: none; stroke-width: 2.6; }
.paramedic-resuscitation-pressure-plot .low { stroke: #377c8a; fill: none; stroke-width: 2.6; }
.paramedic-resuscitation-pressure-plot circle.high { fill: #a45d55; }
.paramedic-resuscitation-pressure-plot circle.low { fill: #377c8a; }
.paramedic-resuscitation-pressure-plot text { fill: #51666b; font-size: 9px; font-weight: 700; }
.paramedic-resuscitation-reading { color: #405a60; font-size: .68rem; line-height: 1.25; margin-top: .3rem !important; }
.paramedic-resuscitation-cause-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; margin-top: .44rem; }
.paramedic-resuscitation-environment-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; margin-top: .44rem; }
.paramedic-resuscitation-cause-card {
  display: grid; align-content: start; gap: .12rem; padding: .36rem .42rem;
  border: 1px solid #d2ded6; border-top: 3px solid #8a9f8d; border-radius: 6px;
  background: #fff; font-size: .67rem; line-height: 1.2;
}
.paramedic-resuscitation-cause-card strong { color: #24434c; }
.paramedic-resuscitation-cause-card span { color: #486067; }
.paramedic-resuscitation-draft,
.paramedic-resuscitation-feedback {
  margin-top: .42rem; padding: .4rem .48rem; border: 1px solid #cadad3;
  border-radius: 7px; background: #fffefa; font-size: .68rem; line-height: 1.3;
}
.paramedic-resuscitation-draft small { color: #557167; font-size: .61rem; font-weight: 800; text-transform: uppercase; }
.paramedic-resuscitation-draft p,
.paramedic-resuscitation-feedback p { margin-top: .16rem !important; }
.paramedic-resuscitation-feedback[data-ready="false"] { border-color: #d2a97c; background: #fff7e8; }
.paramedic-resuscitation-feedback[data-ready="true"] { border-color: #84b99a; background: #edf8ef; }
.paramedic-resuscitation-limit { margin-top: .4rem !important; color: #745b4b; font-size: .66rem; line-height: 1.28; }
.paramedic-resuscitation-actions { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .46rem; }
.paramedic-resuscitation-actions .is-primary { color: #fff; background: #1e706b; border-color: #1e706b; }
.paramedic-resuscitation-first-look [data-resuscitation-open-lab] { width: 100%; margin-top: .42rem; }
@media (max-width: 430px) {
  .paramedic-resuscitation-first-look { padding: .6rem; }
  .paramedic-resuscitation-signal-rail { gap: .2rem; }
  .paramedic-resuscitation-signal-rail > div { padding: .33rem .25rem; font-size: .7rem; }
  .paramedic-resuscitation-cause-card { padding: .32rem .35rem; font-size: .71rem; }
  .paramedic-resuscitation-environment-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paramedic-resuscitation-environment-board .paramedic-resuscitation-cause-card:last-child { grid-column: 1 / -1; }
  .paramedic-resuscitation-first-look button { font-size: .75rem; min-height: 2rem; }
  .paramedic-resuscitation-stamp,
  .paramedic-resuscitation-electrical,
  .paramedic-resuscitation-draft,
  .paramedic-resuscitation-feedback { font-size: .73rem; }
  .paramedic-resuscitation-limit { font-size: .72rem; }
}
