/* Wrapping behavior is shared across pages, widths and themes. Geometry stays
   in the existing responsive/theme rules. Only the final token is unbreakable. */
.arrow-label,
.arrow-label .button-label {
  min-width:0;
  white-space:normal;
  column-gap:inherit;
  text-decoration:inherit;
}
.arrow-tail {
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  column-gap:inherit;
  text-decoration:inherit;
}
.arrow-label .arrow-fallback {display:none}
.project-card h3 a .arrow-tail {column-gap:.2em}