/* Shared document rows keep the two resume cards aligned as their copy wraps. */
body[data-page="resume"] #cv-files .cv-grid {
  align-items: stretch;
}

body[data-page="resume"] #cv-files .cv-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: none;
}

body[data-page="resume"] #cv-files .cv-card-head {
  flex: 1 0 auto;
}

body[data-page="resume"] #cv-files .cv-card-head > div {
  min-width: 0;
}

body[data-page="resume"] #cv-files .cv-file-visual,
body[data-page="resume"] #cv-files .cv-actions {
  flex-shrink: 0;
}

@media (min-width: 621px) {
  body[data-page="resume"] #cv-files .cv-card-head h3 {
    min-height: 2.5em;
  }

  body[data-page="resume"] #cv-files .cv-card-head p {
    min-height: 4.65em;
  }

  @supports (grid-template-rows: subgrid) {
    body[data-page="resume"] #cv-files .cv-grid {
      row-gap: 16px;
    }

    body[data-page="resume"] #cv-files .cv-card {
      display: grid;
      grid-row: span 3;
      grid-template-rows: subgrid;
    }

    body[data-page="resume"] #cv-files .cv-card-head,
    body[data-page="resume"] #cv-files .cv-actions {
      margin: 0;
    }

    body[data-page="resume"] #cv-files .cv-actions {
      align-self: start;
    }
  }
}

@media (max-width: 620px) {
  body[data-page="resume"] #cv-files .cv-card-head {
    flex: none;
  }

  body[data-page="resume"] #cv-files .cv-card-head h3,
  body[data-page="resume"] #cv-files .cv-card-head p {
    min-height: 0;
  }
}