.paramedic-pacing-first-look {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, .65fr);
  gap: .55rem .8rem;
  color: #203842;
  padding: .8rem;
  border: 1px solid #9ebfbd;
  border-radius: 12px;
  background: linear-gradient(155deg, #eef5f1, #fbfbf6);
  box-shadow: 0 3px 16px #163e4315;
  overflow-wrap: anywhere;
}
.paramedic-pacing-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-pacing-first-look > :not(.paramedic-pacing-first-intro):not(.paramedic-pacing-first-photo):not(.paramedic-pacing-first-chain) { grid-column: 1 / -1; }
.paramedic-pacing-first-intro { grid-column: 1; grid-row: 1; }
.paramedic-pacing-first-chain { grid-column: 1; grid-row: 2; align-self: start; }
.paramedic-pacing-first-photo { grid-column: 2; grid-row: 1 / span 2; align-self: start; margin: 0; overflow: hidden; border: 1px solid #b7cbc8; border-radius: 8px; background: #fff; }
.paramedic-pacing-first-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1000 / 698; object-fit: cover; }
.paramedic-pacing-first-photo figcaption { padding: .4rem .5rem; color: #4d6570; font-size: .62rem; line-height: 1.28; }
.paramedic-pacing-first-photo a { color: #145b64; text-decoration: underline; }
.paramedic-pacing-first-look h3,
.paramedic-pacing-first-look p { margin: 0; }
.paramedic-pacing-first-kicker {
  color: #1f666a;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.paramedic-pacing-first-look h3 { margin-top: .25rem; color: #203842; font-size: 1.07rem; line-height: 1.25; }
.paramedic-pacing-first-prompt { margin-top: .4rem !important; font-size: .82rem; line-height: 1.38; }
.paramedic-pacing-first-chain { display: grid; gap: .45rem; margin-top: .2rem; }
.paramedic-pacing-first-rail {
  display: grid;
  grid-template-columns: minmax(7rem, .75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: .45rem;
  padding: .45rem;
  border: 1px solid #d0dcda;
  border-left: 4px solid #9aaeb0;
  border-radius: 7px;
  background: #fff;
}
.paramedic-pacing-first-rail[data-opened="true"] { border-left-color: #168175; }
.paramedic-pacing-first-rail p { font-size: .75rem; line-height: 1.32; color: #405460; }
.paramedic-pacing-first-look button,
.paramedic-pacing-first-look select {
  color: #1a4a50;
  font: inherit;
  font-size: .77rem;
  font-weight: 700;
  line-height: 1.24;
  border: 1px solid #8eafb0;
  border-radius: 7px;
  background: #f2f9f5;
  padding: .5rem .58rem;
  cursor: pointer;
}
.paramedic-pacing-first-look button[aria-pressed="true"] { color: #fff; background: #19665f; border-color: #19665f; }
.paramedic-pacing-first-look button:focus-visible,
.paramedic-pacing-first-look select:focus-visible { outline: 3px solid #f0aa44; outline-offset: 2px; }
.paramedic-pacing-first-limit { margin-top: .6rem !important; color: #694d40; font-size: .74rem; line-height: 1.35; }
.paramedic-pacing-first-field { display: grid; gap: .3rem; margin-top: .7rem; font-size: .77rem; font-weight: 800; }
.paramedic-pacing-first-field select { width: 100%; background: #fff; font-weight: 500; }
.paramedic-pacing-first-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.paramedic-pacing-first-actions button:first-child { color: #fff; background: #19665f; border-color: #19665f; }
.paramedic-pacing-first-feedback {
  margin-top: .5rem;
  padding: .5rem .6rem;
  border: 1px solid #c2d6d1;
  border-radius: 7px;
  background: #fff;
  font-size: .75rem;
  line-height: 1.36;
}
.paramedic-pacing-first-feedback[data-ready="false"] { border-color: #dbb77f; background: #fff8e9; }
.paramedic-pacing-first-feedback[data-ready="true"] { border-color: #6ab19e; background: #effaf1; }
.paramedic-pacing-first-feedback p { margin-top: .3rem !important; }
.paramedic-pacing-first-look [data-pacing-first-open-lab] { width: 100%; margin-top: .55rem; }
@media (max-width: 430px) {
  .paramedic-pacing-first-look { gap: .4rem; padding: .65rem; grid-template-columns: minmax(0, 1fr); }
  .paramedic-pacing-first-look button { min-height: 42px; }
  .paramedic-pacing-first-kicker { font-size: .63rem; letter-spacing: .02em; line-height: 1.2; }
  .paramedic-pacing-first-look h3 { font-size: 1rem; line-height: 1.2; }
  .paramedic-pacing-first-prompt { font-size: .78rem; line-height: 1.3; }
  .paramedic-pacing-first-intro,
  .paramedic-pacing-first-chain,
  .paramedic-pacing-first-photo { grid-column: 1; grid-row: auto; }
  .paramedic-pacing-first-photo { max-width: 100%; }
  .paramedic-pacing-first-rail { grid-template-columns: minmax(0, 1fr); }
}