.category-section .category-tile { min-width:0; container-type:inline-size; overflow-wrap:anywhere; }
.category-section .vato-category-name {
  width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere;
  font-size:inherit; line-height:inherit; flex-shrink:0;
}
.category-section .category-tile > span {
  /* Original: 29px artwork inside a 53px circle. Grow both, then fit the column. */
  width:min(100%,max(53px,calc(var(--category-icon-size,29px) + 24px)));
  height:auto; min-height:0; aspect-ratio:1; flex-shrink:0; margin-bottom:auto; line-height:1;
  font-size:var(--category-icon-size,29px);
  font-size:min(var(--category-icon-size,29px),max(16px,calc(100cqw - 24px)));
}
.category-section .category-tile > span img {
  width:min(var(--category-icon-size,29px),calc(100% - 24px));
  height:auto; max-height:calc(100% - 24px); aspect-ratio:1;
  object-fit:contain; display:block;
}