/* Project list cards, laid out like the first prototype's: discipline and status
   pills with the country on the right, one code-and-title line, labelled partner and lead, and
   the funding. Loaded after app.css, so it uses its tokens and its pill styles. */

.project-record { display: flex; flex-direction: column; align-items: stretch; gap: 0.3rem; }
.record-head { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.record-country { margin-left: auto; font-size: 0.85rem; font-weight: 600; color: var(--muted); }
/* Code and title share one line, in the same weight as the grant list's titles */
.card-code { margin-right: 0.5rem; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
.record-line { font-size: 0.9rem; overflow-wrap: anywhere; }
.record-line b { font-weight: 700; }
.record-line.soft { color: var(--muted); }
.record-line.soft b { color: var(--text); }
.record-funding { display: flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; font-weight: 700; color: var(--c-stats); overflow-wrap: anywhere; }
.record-funding .icon { flex: none; }