/* ==========================================================================
   GRANT PAGE — assets/css/pages/grant.css
   One designed layout for all four funds.

   Hero, facts strip, ticked lists, text-beside-panel and hub cards all come
   from components.css. The only thing unique here is the list of past
   recipients.
   ========================================================================== */

/* --- Recent scholars ---------------------------------------------------- */
/* Year, name, subject. The strongest argument for applying is what other
   people did with the award, so it is given room rather than tucked away as a
   list of names. */

.scholars {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--navy);
}

.scholar {
  display: grid;
  grid-template-columns: 80px 260px 1fr;
  gap: 24px;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid var(--rule-cream);
}

.scholar__year {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--gold);
  line-height: 1;
}

.scholar__name { font-size: 16.5px; font-weight: 700; color: var(--navy); }

.scholar__note { font-size: 14.5px; line-height: 1.55; color: var(--ink-muted); }

@media (max-width: 900px) {
  .scholar { grid-template-columns: 64px 1fr; gap: 4px 18px; }
  .scholar__year { grid-row: 1 / span 2; }
  .scholar__name,
  .scholar__note { grid-column: 2; }
}