@media (max-width: 640px) {
  .stack-table colgroup,
  .stack-table thead {
    display: none;
  }
  .stack-table,
  .stack-table tbody {
    display: block;
    width: 100%;
  }
  .stack-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
    padding-block: 12px;
  }
  .stack-table td {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .stack-table--inactive td:nth-child(1) { grid-area: 1 / 1; }
  .stack-table--inactive td:nth-child(2) { grid-area: 2 / 1 / 3 / 3; }
  .stack-table--inactive td:nth-child(3) { grid-area: 1 / 2; text-align: right; white-space: nowrap; }

  .stack-table--expiring td:nth-child(1) { grid-area: 1 / 1; }
  .stack-table--expiring td:nth-child(2) { grid-area: 2 / 1; }
  .stack-table--expiring td:nth-child(3) { grid-area: 3 / 1; }
  .stack-table--expiring td:nth-child(4) { grid-area: 1 / 2; text-align: right; white-space: nowrap; }
  .stack-table--expiring td:nth-child(5) { grid-area: 2 / 2 / 4 / 3; align-self: center; text-align: right; }

  .stack-table--overdue tr {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    padding-inline: 12px;
  }
  .stack-table--overdue td:nth-child(1) { grid-area: 1 / 1 / 3 / 2; padding-top: 2px; }
  .stack-table--overdue td:nth-child(2) { grid-area: 1 / 2; }
  .stack-table--overdue td:nth-child(3) { grid-area: 2 / 2 / 3 / 4; }
  .stack-table--overdue td:nth-child(4) { grid-area: 1 / 3; text-align: right; }

  .action-item {
    flex-wrap: wrap;
  }
  .action-item > a {
    margin-left: auto;
  }
}