/* Personrad - rutnät med upp till 5 kolumner för temasidor som listar en
   grupp personer med bild/namn/roll/företag (Tankesmedjan, Kompetensrådet,
   Teknikrådet, EnkLokgruppen). Innehållet kommer från ACF-repeatern
   personrad_personer (se inc/personrad.php), som en gång per sida
   migrerats automatiskt ur den gamla Gutenberg-kolumnlayouten
   (ff_personrad_parse_legacy_people() i samma fil) - se den filens
   docblock för hela bakgrunden.

   auto-fit + minmax (samma teknik som .ff-portal-grid i portal.css) ger
   "upp till 5 kolumner" utan hårdkodade brytpunkter: kolumn 1
   (.ff-col-main) är som bredast ca 1060px (--ff-grid-cols i tokens.css),
   vilket med 170px minsta kortbredd och 16px mellanrum ger exakt 5
   kolumner där - och färre ju smalare kolumn 1 blir (t.ex. i
   1024-1239px-brytpunkten). auto-fit kollapsar tomma kolumner istället
   för att lämna dem som osynliga men bredduppätande "spöken" när en sida
   har färre personer än vad en hel rad rymmer - samma motivering som i
   portal.css. */
.ff-personrad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 28px 16px;
  margin-top: 24px;
}
.ff-personrad-grid__item {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.ff-personrad-grid__photo {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--ff-image-placeholder);
  margin-bottom: 10px;
}
.ff-personrad-grid__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ff-personrad-grid__name {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--ff-dark);
  line-height: 1.3;
}
.ff-personrad-grid__role {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--ff-text-soft);
  line-height: 1.3;
}
.ff-personrad-grid__company {
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--ff-dark);
  line-height: 1.3;
}