.evidence-photo-figure{margin:12px 0 0;min-width:0;color:rgba(0,0,0,.9)}
.evidence-photo-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.evidence-photo-example{min-width:0;display:flex;flex-direction:column;gap:6px}
.evidence-photo-example>svg{display:block;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:6px}
.evidence-photo-example>strong{font-size:14px;line-height:1.4;font-weight:500}
.play-document .evidence-photo-example>p{font-size:13px;line-height:1.5;margin:0;color:rgba(0,0,0,.6)}
.evidence-photo-figure>figcaption{margin-top:9px;font-size:12px;line-height:1.5;color:rgba(0,0,0,.5)}
/* The document has a fixed remaining height on desktop. Allocate that height to
   the drawings only; keep every label and explanation in normal-size text. */
@media(min-width:961px) and (min-height:620px){
 .play-document:has(>.evidence-photo-figure){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr);row-gap:6px;min-height:0}
 .play-document:has(>.evidence-photo-figure)>.play-document-label{grid-column:2;grid-row:1;align-self:center}
 .play-document:has(>.evidence-photo-figure)>h2{grid-column:1;grid-row:1;margin:0}
 .play-document:has(>.evidence-photo-figure)>p{grid-column:1/-1;grid-row:2}
 .evidence-photo-figure{grid-column:1/-1;grid-row:3;display:flex;flex-direction:column;min-height:0;margin-top:2px}
 .evidence-photo-examples{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
 .evidence-photo-example{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;align-items:start}
 .evidence-photo-example>svg{justify-self:center;align-self:end;width:auto;height:100%;max-width:100%;max-height:160px;min-height:0;aspect-ratio:3/2}
 .evidence-photo-example>strong,.play-document .evidence-photo-example>p{margin:0}
 .evidence-photo-figure>figcaption{flex:none;margin-top:7px}
}
@media(max-width:600px){.evidence-photo-examples{grid-template-columns:1fr;gap:16px}.evidence-photo-example{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);column-gap:12px;row-gap:4px}.evidence-photo-example>svg{grid-row:1/3}.evidence-photo-example>strong{align-self:end}.play-document .evidence-photo-example>p{align-self:start}}