.pet-mutation-income {
  margin-block: 2rem;
}

.pet-mutation-income > h2 { margin: 0 0 .45rem; }
.pet-mutation-income > p { margin: 0 0 .85rem; color: var(--muted); }
.pet-mutation-income-action .btn { white-space: normal; }

.pet-mutation-income table {
  width: 100%;
  max-width: 55rem;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}

.pet-mutation-income :is(th, td) {
  padding: .5rem .7rem;
  text-align: start;
  border-block-end: 1px solid var(--line);
  overflow-wrap: anywhere;
}

.pet-mutation-income th:first-child { width: 60%; }
.pet-mutation-income tbody tr:last-child > * { border-block-end: 0; }
.pet-mutation-income td { font-variant-numeric: tabular-nums; }
.pet-mutation-income td:last-child { font-weight: 700; }
.pet-mutation-income th a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 44px;
  max-width: 100%;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.pet-mutation-income th img {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
}

@media (max-width: 480px) {
  .pet-mutation-income :is(th, td) { padding: .35rem; font-size: .87rem; }
  .pet-mutation-income th a { gap: .32rem; }
  .pet-mutation-income th img { width: 28px; height: 32px; flex-basis: 28px; }
}