/* The compact testimonial owns its caption layout, independent of legacy grids. */
#results .result-video-first > .result-featured {
  container-type: inline-size;
}
#results .result-video-first .result-body {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  grid-template-areas: "person person" "salary story" "lead story" ". source";
  column-gap: 32px;
  row-gap: 14px;
  align-items: start;
  padding: 32px;
}
#results .result-video-first .result-body > * { min-width: 0; }
#results .result-video-first .result-body > .result-person {
  grid-area: person;
  align-self: start;
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--soft);
}
#results .result-video-first .result-body > h3 {
  grid-area: salary;
  margin: 0;
}
#results .result-video-first .result-body > .result-lead {
  grid-area: lead;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}
#results .result-video-first .result-body > p:not(.result-lead):not(.result-person) {
  grid-area: story;
  align-self: start;
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
}
#results .result-video-first .result-body > .text-link {
  grid-area: source;
  justify-self: start;
  align-self: start;
  margin: 4px 0 0;
  font-size: 18px;
  line-height: 1.5;
}
@container (max-width: 640px) {
  #results .result-video-first .result-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "person" "salary" "lead" "story" "source";
    gap: 18px;
    padding: 24px;
  }
}
@media (max-width: 700px) {
  #results .result-video-first .result-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "person" "salary" "lead" "story" "source";
    gap: 18px;
    padding: 24px;
  }
}