.emt-older-lab {
  --older-ink: #edf7fa;
  --older-muted: #c4d8df;
  --older-cyan: #83dddc;
  --older-amber: #f3ca88;
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: clamp(14px, 2.2vw, 24px);
  border: 1px solid #436d7c;
  border-radius: 22px;
  background: radial-gradient(circle at 18% 0, #174253, transparent 35%), linear-gradient(150deg, #0d2634, #152a38 75%);
  color: var(--older-ink);
}
.emt-older-lab *, .emt-older-lab *::before, .emt-older-lab *::after { box-sizing: border-box; }
.emt-older-lab [hidden] { display: none !important; }
.emt-older-lab :is(h3, h4, p, blockquote, dl, dd) { margin: 0; }
.emt-older-lab :is(button, a):focus-visible { outline: 3px solid #fff0a8; outline-offset: 3px; }
.emt-older-lab button { cursor: pointer; }
.emt-older-lab button:disabled { opacity: 0.5; cursor: not-allowed; }
.emt-older-head { display: grid; gap: 8px; }
.emt-older-head h3 { max-width: 28ch; font-size: clamp(1.25rem, 2.4vw, 1.9rem); line-height: 1.17; }
.emt-older-head p { max-width: 87ch; color: var(--older-muted); font-size: 0.9rem; line-height: 1.5; }
.emt-older-kicker { color: var(--older-cyan); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; }
.emt-older-tabs { display: flex; flex-wrap: wrap; gap: 9px; padding-bottom: 12px; border-bottom: 1px solid #446474; }
.emt-older-tab, .emt-older-button, .emt-older-observe-button, .emt-older-phase-button,
.emt-older-pad-button, .emt-older-site-button {
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #648998;
  border-radius: 10px;
  background: #214657;
  color: #ecf7fa;
  font: inherit;
  font-size: 0.83rem;
  font-weight: 760;
  line-height: 1.2;
}
.emt-older-tab[aria-pressed="true"], .emt-older-phase-button[aria-pressed="true"],
.emt-older-observe-button[aria-pressed="true"], .emt-older-pad-button[aria-pressed="true"],
.emt-older-site-button[aria-pressed="true"] {
  border-color: #93ead5;
  background: #246761;
  box-shadow: inset 0 0 0 1px #93ead5;
}
.emt-older-lab button:not(:disabled):hover { filter: brightness(1.12); }
.emt-older-compare, .emt-older-aed { display: grid; gap: 14px; min-width: 0; }
.emt-older-guide {
  padding: 11px 13px;
  border-left: 4px solid #8cdbd7;
  border-radius: 7px;
  background: #173f4b;
  color: #e0f0f0;
  font-size: 0.82rem;
  line-height: 1.5;
}
.emt-older-compare-tools, .emt-older-action-row, .emt-older-contact-row { display: flex; flex-wrap: wrap; gap: 8px; }
.emt-older-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 13px; }
.emt-older-story-card {
  display: grid;
  grid-template-rows: auto auto auto auto auto auto auto 1fr;
  gap: 12px;
  min-width: 0;
  padding: clamp(12px, 1.5vw, 18px);
  border: 1px solid #59737b;
  border-radius: 17px;
  background: #183541;
}
.emt-older-story-card[data-patient="pressure"] { border-top: 4px solid var(--older-amber); }
.emt-older-story-card[data-patient="quiet"] { border-top: 4px solid var(--older-cyan); }
.emt-older-story-top { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.emt-older-story-top > div { display: grid; gap: 5px; }
.emt-older-story-top h4 { font-size: 1rem; line-height: 1.24; }
.emt-older-clock {
  flex: 0 0 auto;
  padding: 6px 8px;
  border: 1px solid #8ca8ad;
  border-radius: 7px;
  color: #fff1cc;
  background: #3d4d4c;
  font: 800 0.81rem/1 ui-monospace, Consolas, monospace;
}
.emt-older-person-scene {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 116px;
  padding: 10px;
  border: 1px solid #436f7d;
  border-radius: 13px;
  background: radial-gradient(circle at 11% 50%, #2a6170, #163b4b 55%);
}
.emt-older-avatar { position: relative; width: 65px; height: 88px; }
.emt-older-avatar-head { position: absolute; top: 3px; left: 24px; width: 28px; height: 28px; border-radius: 50%; background: #e1ad84; border: 2px solid #ffe1bd; }
.emt-older-avatar-body { position: absolute; left: 13px; bottom: 2px; width: 52px; height: 56px; border: 2px solid #add8d7; border-radius: 26px 26px 8px 8px; background: #37727a; }
.emt-older-avatar-breath { position: absolute; left: 0; top: 43px; width: 18px; height: 27px; border: 2px solid #a8ece5; border-left: 0; border-radius: 0 70% 70% 0; opacity: 0.55; }
.emt-older-story-card[data-phase="1"] .emt-older-avatar-breath { width: 24px; opacity: 0.8; }
.emt-older-story-card[data-phase="2"] .emt-older-avatar-breath { width: 29px; opacity: 1; border-color: #f2c78f; }
.emt-older-story-card[data-phase="2"] .emt-older-avatar-head { background: #c99a84; }
.emt-older-quote { color: #f3f8f4; font-size: 0.92rem; font-weight: 730; line-height: 1.35; }
.emt-older-phase-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.emt-older-phase-button { min-width: 0; padding: 7px 3px; font-family: ui-monospace, Consolas, monospace; font-size: 0.72rem; }
.emt-older-function { padding: 8px 10px; border-radius: 8px; background: #254452; color: #d5e8eb; font-size: 0.78rem; line-height: 1.4; }
.emt-older-observe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.emt-older-observe-button { min-width: 0; padding: 6px 5px; font-size: 0.7rem; }
.emt-older-findings { display: grid; gap: 6px; }
.emt-older-finding-row { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px; align-items: start; padding: 8px 10px; border: 1px solid #3e6070; border-radius: 8px; background: #112b39; }
.emt-older-finding-row dt { color: #bde6dd; font-size: 0.7rem; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; }
.emt-older-finding-row dd { color: #d9e7ea; font-size: 0.76rem; line-height: 1.43; }
.emt-older-finding-row dd[data-observed="false"] { color: #aebfc7; font-style: italic; }
.emt-older-ecg { display: grid; align-content: start; gap: 4px; padding: 10px; border: 1px solid #6d8e83; border-radius: 9px; background: #0c2532; color: #a5ebbd; }
.emt-older-ecg svg { display: block; width: 100%; height: 58px; }
.emt-older-ecg p { color: #c3d6d7; font-size: 0.69rem; line-height: 1.35; }
.emt-older-handoff-details { align-self: end; border-top: 1px solid #56717a; padding-top: 9px; }
.emt-older-handoff-details summary { cursor: pointer; color: #c4eee1; font-size: 0.78rem; font-weight: 780; }
.emt-older-handoff { padding-top: 8px; color: #ccdfe3; font-size: 0.73rem; line-height: 1.46; }
.emt-older-comparison { padding: 12px 15px; border: 1px solid #638f8f; border-radius: 11px; background: #1e484c; }
.emt-older-comparison strong { color: #c5f5e6; font-size: 0.89rem; }
.emt-older-comparison p { margin-top: 6px; color: #e0efeb; font-size: 0.79rem; line-height: 1.48; }
.emt-older-equivalent-details { border-top: 1px solid #55727c; padding-top: 9px; }
.emt-older-equivalent-details summary { cursor: pointer; color: #b7eae1; font-size: 0.78rem; font-weight: 780; }
.emt-older-text-equivalent { margin-top: 9px !important; padding: 11px 13px; border: 1px dashed #72939c; border-radius: 9px; color: #c3d8df; background: #112d3a; font-size: 0.72rem; line-height: 1.5; }
.emt-older-aed-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 14px; }
.emt-older-stage-panel, .emt-older-device-controls { display: grid; gap: 11px; min-width: 0; padding: clamp(12px, 1.5vw, 17px); border: 1px solid #577783; border-radius: 15px; background: #183742; }
.emt-older-stage-panel h4, .emt-older-device-controls h4 { font-size: 1rem; }
.emt-older-stage { position: relative; width: 100%; max-width: 550px; aspect-ratio: 1.08; margin-inline: auto; overflow: hidden; border: 1px solid #648e98; border-radius: 13px; background: radial-gradient(circle at 50% 40%, #2b6170, #113342 70%); }
.emt-older-torso { position: absolute; inset: 10% 14% 0; }
.emt-older-torso-neck { position: absolute; left: 44%; top: 0; width: 12%; height: 17%; border: 2px solid #add0c6; border-bottom: 0; border-radius: 8px 8px 0 0; background: #47717b; }
.emt-older-torso-chest { position: absolute; left: 10%; top: 14%; width: 80%; height: 88%; border: 2px solid #add0c6; border-radius: 35% 35% 18% 18%; background: linear-gradient(100deg, #497e85, #5b9290 50%, #457680); }
.emt-older-stage[data-exposed="false"] .emt-older-torso-chest { background: linear-gradient(100deg, #345564, #436a75 50%, #365c68); }
.emt-older-stage[data-exposed="false"]::after { content: "CHEST COVERED"; position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); padding: 5px 7px; border: 1px solid #f3c88d; border-radius: 6px; background: #654832; color: #fff1dc; font-size: 0.64rem; font-weight: 850; white-space: nowrap; }
.emt-older-orientation-right, .emt-older-orientation-left { position: absolute; z-index: 3; top: 6px; color: #dbeded; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.05em; }
.emt-older-orientation-right { left: 7px; }
.emt-older-orientation-left { right: 7px; }
.emt-older-implant { position: absolute; z-index: 4; left: 68%; top: 31%; width: 18%; aspect-ratio: 1.2; transform: translate(-50%, -50%); display: grid; place-items: center; border: 2px solid #eec991; border-radius: 45%; background: #b28f71; box-shadow: 0 0 0 5px #e3bc9570; color: #1b2933; font-size: clamp(0.46rem, 1.2vw, 0.65rem); font-weight: 900; }
.emt-older-pad-layer { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.emt-older-pad-marker { position: absolute; width: 16%; aspect-ratio: 1.2; display: grid; place-items: center; transform: translate(-50%, -50%) rotate(-8deg); border: 2px solid #f5f2d7; border-radius: 10px; background: #72d4bded; box-shadow: 0 4px 10px #081c28bb; color: #09292d; font-weight: 900; font-size: clamp(0.8rem, 1.8vw, 1.15rem); }
.emt-older-pad-marker[data-secured="false"] { border-style: dashed; background: #e7be81dc; }
.emt-older-pad-marker[data-pad="B"] { transform: translate(-50%, -50%) rotate(9deg); }
.emt-older-stage-caption { color: #d1e2e4; font-size: 0.75rem; line-height: 1.45; }
.emt-older-cpr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; padding: 10px 12px; border: 1px solid #80b8a1; border-radius: 9px; background: #21554e; }
.emt-older-cpr strong { color: #d7ffeb; font-size: 0.81rem; }
.emt-older-cpr small { flex-basis: 100%; color: #d4e8dd; font-size: 0.72rem; line-height: 1.4; }
.emt-older-cpr-pulse { width: 12px; height: 12px; border-radius: 50%; background: #9df7cd; box-shadow: 0 0 0 4px #9df7cd33; animation: emt-older-pulse 1.6s ease-in-out infinite; }
@keyframes emt-older-pulse { 50% { box-shadow: 0 0 0 9px #9df7cd00; } }
.emt-older-action-row > button { flex: 1 1 135px; }
.emt-older-inspect-report { padding: 9px 10px; border-left: 3px solid #deb982; border-radius: 5px; background: #314144; color: #f4e5c9; font-size: 0.77rem; line-height: 1.45; }
.emt-older-inspect-report[data-inspected="true"] { border-color: #8fe0c3; background: #214747; color: #dbf2e9; }
.emt-older-pad-select { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.emt-older-pad-select strong { flex-basis: 100%; font-size: 0.79rem; }
.emt-older-pad-button { min-width: 96px; }
.emt-older-site-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.emt-older-site-button { min-width: 0; }
.emt-older-contact-row > button { flex: 1 1 155px; }
.emt-older-pad-status { color: #d9e8e9; font-size: 0.77rem; line-height: 1.45; }
.emt-older-warning-list { display: grid; gap: 5px; margin: 0; padding: 10px 12px 10px 27px; border: 1px solid #aa805d; border-radius: 8px; background: #453c35; color: #ffe7c4; font-size: 0.75rem; line-height: 1.44; }
.emt-older-warning-list[data-ready="true"] { border-color: #75b5a4; background: #1d4b47; color: #ddf9ed; }
.emt-older-device-status { padding: 9px 11px; border-left: 3px solid #e0b17c; background: #37403f; color: #f1e3cd; font-size: 0.77rem; line-height: 1.47; }
.emt-older-device-status[data-ready="true"] { border-color: #89e0c0; background: #1b4947; color: #e3faee; }
.emt-older-device-controls > .emt-older-button { justify-self: start; }
.emt-older-footer { display: grid; justify-items: start; gap: 9px; padding-top: 12px; border-top: 1px solid #4d6975; }
.emt-older-safety, .emt-older-references { color: #c3d7de; font-size: 0.75rem; line-height: 1.5; }
.emt-older-references a { color: #a9e9e4; text-decoration: underline; text-underline-offset: 2px; }
.emt-older-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 800px) {
  .emt-older-story-grid, .emt-older-aed-main { grid-template-columns: minmax(0, 1fr); }
  .emt-older-story-card { grid-template-rows: none; }
  .emt-older-stage { max-width: 510px; }
}
@media (max-width: 380px) {
  .emt-older-lab { padding: 12px; border-radius: 14px; }
  .emt-older-tab { flex: 1 1 100%; }
  .emt-older-story-top { flex-wrap: wrap; }
  .emt-older-person-scene { grid-template-columns: 58px minmax(0, 1fr); gap: 8px; }
  .emt-older-avatar { transform: scale(0.78); transform-origin: center left; }
  .emt-older-quote { font-size: 0.83rem; }
  .emt-older-observe { grid-template-columns: minmax(0, 1fr); }
  .emt-older-observe-button { text-align: left; }
  .emt-older-finding-row { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .emt-older-action-row > button, .emt-older-contact-row > button { flex-basis: 100%; }
  .emt-older-site-button { padding-inline: 4px; font-size: 0.74rem; }
}
@media (prefers-reduced-motion: reduce) {
  .emt-older-cpr-pulse { animation: none; }
}
