/* Person cards on Styrelsen and Medarbetare (checklist round 3): every card the same size,
   max 4 per row, an incomplete last row centred, the same height whatever the text length. */
.board-grid,.fcx-team{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:24px!important;max-width:1120px;margin-left:auto;margin-right:auto}
.board-grid>*,.fcx-team>*{grid-column:span 2;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}
.board-grid>:nth-child(4n+1):nth-last-child(3),.fcx-team>:nth-child(4n+1):nth-last-child(3){grid-column:2/span 2}
.board-grid>:nth-child(4n+1):nth-last-child(2),.fcx-team>:nth-child(4n+1):nth-last-child(2){grid-column:3/span 2}
.board-grid>:nth-child(4n+1):nth-last-child(1),.fcx-team>:nth-child(4n+1):nth-last-child(1){grid-column:4/span 2}
/* the same portrait size and crop on every card */
.board-photo,.board-photo-placeholder,.fcx-face{width:120px!important;height:120px!important;flex:0 0 auto;margin:0 auto 14px!important}
.board-photo,.fcx-face img{object-fit:cover;object-position:center 30%}
/* name, role and text in the same place; the link or button always at the bottom */
.board-name,.fcx-person h3{font:700 18px/1.3 'Playfair Display',Georgia,serif!important;color:#1e293b!important;margin:0 0 4px!important}
.board-role,.fcx-role{font:700 14px/1.4 Inter,system-ui,sans-serif!important;color:#b03024!important;margin:0 0 10px!important}
.board-card .view-cv,.fcx-person .fcx-contact{margin-top:auto!important;padding-top:14px}
@media(max-width:1000px){
  .board-grid,.fcx-team{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .board-grid>*,.fcx-team>*,
  .board-grid>:nth-child(4n+1):nth-last-child(3),.fcx-team>:nth-child(4n+1):nth-last-child(3),
  .board-grid>:nth-child(4n+1):nth-last-child(2),.fcx-team>:nth-child(4n+1):nth-last-child(2),
  .board-grid>:nth-child(4n+1):nth-last-child(1),.fcx-team>:nth-child(4n+1):nth-last-child(1){grid-column:span 2}
  .board-grid>:nth-child(2n+1):nth-last-child(1),.fcx-team>:nth-child(2n+1):nth-last-child(1){grid-column:2/span 2}
}
@media(max-width:600px){
  .board-grid,.fcx-team{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto}
  .board-grid>*,.fcx-team>*{grid-column:1/-1!important}
}
/* a role on two lines must not push the text down on that card only */
@media(min-width:601px){.fcx-role{min-height:2.8em;display:flex;align-items:flex-start;justify-content:center}}