.emt-paed-photo-first-look {
  display: grid;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  padding: clamp(10px, 1.5vw, 16px);
  border: 1px solid #7da1ad;
  border-radius: 11px;
  color: #eef7f9;
  background: linear-gradient(145deg, #173b4a, #102c3a);
}
.emt-paed-photo-first-look * { box-sizing: border-box; min-width: 0; }
.emt-paed-photo-first-look :is(h4, p, figure) { margin: 0; }
.emt-paed-first-kicker {
  color: #b6ebdb;
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .075em;
  line-height: 1.3;
}
.emt-paed-photo-first-look h4 {
  color: #f8fbfa;
  font-size: clamp(1.08rem, 1.8vw, 1.3rem);
  line-height: 1.24;
}
.emt-paed-first-work {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
  gap: 12px;
  align-items: start;
  margin-top: 4px;
}
.emt-paed-first-figure { display: grid; gap: 5px; }
.emt-paed-first-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1000 / 667;
  border: 1px solid #a5b7b3;
  border-radius: 8px;
  background: #deded6;
}
.emt-paed-first-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.emt-paed-first-marker {
  position: absolute;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #fbfffa;
  border-radius: 50%;
  color: #fff;
  background: #07576cde;
  box-shadow: 0 2px 9px #061e29;
  font: 850 .88rem/1 system-ui, sans-serif;
  cursor: pointer;
}
.emt-paed-first-marker-team { left: 31%; top: 38%; }
.emt-paed-first-marker-torso { left: 51%; top: 65%; }
.emt-paed-first-marker-manikin { left: 78%; top: 76%; }
.emt-paed-first-marker[aria-pressed="true"] {
  border-color: #ffe0a0;
  color: #152c36;
  background: #ffdc91;
  box-shadow: 0 0 0 4px #203843a8;
}
.emt-paed-first-caption { color: #c8dee2; font-size: .69rem; line-height: 1.36; }
.emt-paed-first-caption a { color: #aef0e2; overflow-wrap: anywhere; }
.emt-paed-first-task { display: grid; gap: 7px; }
.emt-paed-first-intro { color: #d8e9ec; font-size: .79rem; line-height: 1.35; }
.emt-paed-first-progress { color: #b9f2dc; font-size: .74rem; font-weight: 800; }
.emt-paed-first-detail {
  min-height: 3.2em;
  padding: 8px 10px;
  border-left: 3px solid #a2ddcf;
  border-radius: 5px;
  color: #ecf8f4;
  background: #1d4b56;
  font-size: .76rem;
  line-height: 1.36;
}
.emt-paed-first-questions { display: grid; gap: 5px; }
.emt-paed-first-question {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 7px;
  align-items: center;
  padding: 5px 6px;
  border: 1px solid #5a828e;
  border-radius: 6px;
  background: #204755;
}
.emt-paed-first-question > p:first-child { color: #f1f7f4; font-size: .75rem; font-weight: 700; line-height: 1.28; }
.emt-paed-first-choices { display: flex; gap: 4px; }
.emt-paed-photo-first-look .emt-paed-first-choice {
  min-height: 40px;
  padding: 5px 7px;
  border: 1px solid #87adb7;
  border-radius: 5px;
  color: #f2fbf8;
  background: #315c69;
  font: 750 .71rem/1.2 system-ui, sans-serif;
  white-space: normal;
  cursor: pointer;
}
.emt-paed-photo-first-look .emt-paed-first-choice[aria-pressed="true"] {
  border-color: #ffdc91;
  color: #182e39;
  background: #ffe0a0;
}
.emt-paed-first-row-feedback { grid-column: 1 / -1; color: #ffe5bb; font-size: .72rem; line-height: 1.3; }
.emt-paed-first-question[data-correct="true"] .emt-paed-first-row-feedback { color: #c3f7db; }
.emt-paed-first-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.emt-paed-photo-first-look :is(.emt-paed-first-check, .emt-paed-first-reset) {
  min-height: 42px;
  padding: 7px 8px;
  border: 1px solid #8db5b8;
  border-radius: 6px;
  color: #f2fbf8;
  background: #245866;
  font: 750 .73rem/1.25 system-ui, sans-serif;
  text-align: left;
  white-space: normal;
  cursor: pointer;
}
.emt-paed-photo-first-look .emt-paed-first-check { border-color: #87d8c8; background: #14645d; }
.emt-paed-photo-first-look :is(button, a):focus-visible { outline: 3px solid #ffe39d; outline-offset: 2px; }
.emt-paed-first-feedback { color: #f0e2c9; font-size: .75rem; line-height: 1.36; }
.emt-paed-first-feedback[data-correct="true"] { color: #c3f7db; }
@media (max-width: 850px) {
  .emt-paed-first-work { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .emt-paed-first-question { grid-template-columns: minmax(0, 1fr); }
  .emt-paed-first-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}