/* Narrow table-picker rows must retain each square button's full height. */
@media (max-width: 1023px) {
  .overflow-y-auto[class~="grid-cols-2"][class~="lg:space-y-2"] {
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 12px;
  }
  .overflow-y-auto[class~="grid-cols-2"][class~="lg:space-y-2"] > button[class~="aspect-square"] {
    width: calc((100% - 12px) / 2) !important;
    flex: 0 0 calc((100% - 12px) / 2);
    height: auto !important;
    aspect-ratio: 1 / 1;
    align-self: flex-start;
  }
}