/* Project titles keep their full wording on one line; title-fit.js sizes them.
   On phones it wraps a title instead of shrinking it below 14 px (.is-wrapped). */
.project-title > :is(h2,h3,h4) {
  min-width: 0;
  width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.project-title > :is(h2,h3,h4) {
  min-height: 1.5rem;
}

.project-title > :is(h2,h3,h4).is-wrapped {
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
  line-height: 1.3;
}