/**
 * The certificate wall, made even.
 *
 * The approved design gives the media box two different heights:
 *
 *   .evidence__media                      { aspect-ratio: 4 / 3; }
 *   .evidence__media:has(.evidence__cert) { aspect-ratio: 4 / 5; }
 *
 * 32 of the 46 records have a certificate photograph and 14 have only the
 * student's portrait, so a row of four mixes the two heights: three tall images
 * and one that stops a third of the way up, with the text starting high and a
 * gap beneath it. The prototype has the same 32/14 split and renders the same
 * ragged row — it is a gap in the design, not something the port introduced.
 *
 * One height for the whole grid, and 4/5 is the one to keep: it is what the
 * majority already use, so those 32 cards are untouched and only the 14
 * portraits grow. A certificate cannot go the other way — cropping it to 4/3
 * would cut the document itself.
 *
 * The portrait has `object-fit: cover` and `object-position: center 25%`
 * already, set by the design for exactly this fallback, so the taller box shows
 * more of the student rather than stretching anything.
 */

.evidence__media,
.evidence__media:has( .evidence__cert ) {
	aspect-ratio: 4 / 5;
}