/* Live Recent Commits cards — public/js/home-commits.js.
 *
 * Only the pieces the static markup did not already have. The cards reuse
 * .postsInfGridItem / .uk-card / .postsInfGridItemTeaser, whose sizing lives in
 * the clone's own wp-custom-css (.postsInfGridItemTeaser { min-height: 337px }),
 * so the live block inherits the existing proportions rather than inventing new
 * ones. What is new is the initials tile that stands in for a headshot, because
 * /api/commit-map deliberately carries no image field.
 */

.rseCommitLink,
.rseCommitLink:hover,
.rseCommitLink:focus { text-decoration: none; color: inherit; display: block; }

.rseCommitTeaser {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f5f5;
  border-radius: 6px;
}

/* The generated commitment graphic (/commit-card/<slug>.jpg, 1000x625).
   Full-bleed inside the teaser at its own 16:10 so the composed layout is never
   letterboxed or cropped — the name sits in the lower right and the college
   logo near the top right, and an object-fit:cover would clip both. The
   aspect-ratio reserves the box before the bytes arrive, so a lazily loaded
   card does not make the slider jump as it fills in. */
.rseCommitCardImg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 625;
  object-fit: contain;
  border-radius: 6px;
  background: #06302f;   /* the artwork's own darkest teal — no white flash */
}

.rseCommitInitials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #064443;
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
}

.rseCommitLink:hover .rseCommitInitials { background: #0a5f5d; }

/* Headlines are generated, so they vary in length where the four hand-written
   ones were tuned to fit. Cap the type and equalise the card heights rather than
   let one long school name push its card taller than the one beside it. */
.rseSignupsLive .uk-card-title { font-size: 1.15rem; line-height: 1.35; }
.rseCommitItem > .uk-card { height: 100%; }