/* css styles */

/* About links (trestles template): on wide screens, lay the four links out
   as two centered rows (GitHub links on the first row, LinkedIn + Google
   Scholar on the second) with the same gap between the boxes in each row. */
@media (min-width: 992px) {
  div.quarto-about-trestles .about-entity .about-links {
    justify-content: center; /* center each row independently */
    row-gap: 8px;            /* tighter vertical spacing between the two rows */
  }
  /* The container's ::after is a real flex item: make it a zero-height,
     full-width spacer that forces a row break after the second link. */
  div.quarto-about-trestles .about-entity .about-links::after {
    content: "";
    order: 2;
    flex: 0 0 100%;
    height: 0;
    margin-bottom: -8px; /* cancel the extra row-gap from the spacer row */
  }
  /* Place the spacer between the 2nd link (GitHub: fxmarty-amd) and the 3rd. */
  div.quarto-about-trestles .about-entity .about-link:nth-child(1) { order: 0; }
  div.quarto-about-trestles .about-entity .about-link:nth-child(2) { order: 1; }
  div.quarto-about-trestles .about-entity .about-link:nth-child(3) { order: 3; }
  div.quarto-about-trestles .about-entity .about-link:nth-child(4) { order: 4; }
}